CSS中的按鈕特效可以讓網站的按鈕更加美觀、有趣并且能夠吸引用戶的注意力。本文將介紹一些常用的CSS按鈕特效，并且通過預覽代碼讓讀者更好的理解。 首先是按鈕的懸停效果。當用戶將鼠標懸停在按鈕上時，按鈕可以進行顏色變化、陰影變化、大小變化等等效果。下面是一個簡單的例子，當懸停在按鈕上時，按鈕的背景顏色會變成深紅色：

button:hover {
background-color: #B22222;
}

下面是一個稍微復雜一點的例子，當鼠標懸停在按鈕上時，按鈕會出現縮放和陰影的效果：

button:hover {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
transform: scale(1.1);
}

接下來是按鈕的點擊效果。當用戶點擊按鈕時，按鈕可以進行顏色變化、形狀變化等等效果。下面是一個簡單的例子，當按鈕被點擊時，按鈕的背景色會變成暗淡的灰色：

button:active {
background-color: #A9A9A9;
}

下面是一個稍微復雜一點的例子，當鼠標點擊按鈕時，按鈕會出現向下移動然后返回的效果：

button:active {
transform: translateY(5px);
}
button:focus {
transform: translateY(-5px);
transition: transform 0.2s;
}

最后一個效果是在按鈕上添加文字或圖標的動畫效果。下面是一個例子，當用戶將鼠標懸停在按鈕上時，按鈕上的文字會向上移動：

button span {
position: relative;
transition: transform 0.3s;
}
button:hover span {
transform: translateY(-5px);
}

上面的代碼中，我們將按鈕的文本包圍在一個“span”標簽中，并且為該標簽添加了一些CSS樣式。當用戶將鼠標懸停在按鈕上時，我們就為“span”標簽添加了一個動畫效果。 總之，CSS中的按鈕特效可以為網站添加一些有趣的視覺效果，并且讓用戶更加容易地與網站進行交互。無論是懸停、點擊還是添加動畫效果，我們都可以使用簡單的CSS代碼來實現。