CSS 懸停效果是一種非常常見的網頁交互效果，它可以讓用戶在鼠標懸停在某個元素上時，改變該元素的外觀。在 Web 開發中，我們可以使用 CSS 來實現各種各樣的懸停效果，比如改變文本的顏色、背景色、文本陰影等等。

/* 改變文本顏色懸停效果 */
a:hover {
color: red;
}
/* 改變背景色懸停效果 */
.button:hover {
background-color: blue;
}
/* 文本陰影懸停效果 */
p:hover {
text-shadow: 0px 0px 10px #000;
}

除了上述的基本懸停效果，CSS 還可以實現更加復雜的懸停效果，比如旋轉、縮放、漸變等等，下面我們來看幾個例子。

/* 旋轉懸停效果 */
.rotate:hover {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
/* 縮放懸停效果 */
.scale:hover {
-webkit-transform: scale(2);
transform: scale(2);
}
/* 漸變懸停效果 */
.gradient:hover {
background: linear-gradient(45deg, #f3ec78, #af4261);
}

通過 CSS 懸停效果的使用，我們可以讓網頁變得更加生動和有趣，給用戶帶來更加好的使用體驗。