CSS中的 :hover 偽類經常被用于網頁的交互效果中，它可以在鼠標滑過元素時改變元素的樣式。

比如我們可以使用 :hover 來改變鏈接的顏色或者背景顏色：

a:hover {
color: red;
background-color: #eee;
}

此外，我們還可以利用 :hover 來實現一些有趣的效果，例如改變鼠標形狀、顯示隱藏元素、旋轉圖片等等。

這里以一個例子來說明：當鼠標滑過下面的圖片時，它將從原來的位置旋轉 360 度。

.img:hover {
transform: rotate(360deg);
}

:hover 的作用非常靈活，可以用于各種互動效果的實現。與 JavaScript 不同，它是一種純 CSS 的解決方案，既簡單又實用。