CSS中的 :hover 伪类经常被用于网页的交互效果中，它可以在鼠标滑过元素时改变元素的样式。

比如我们可以使用 :hover 来改变链接的颜色或者背景颜色：

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

此外，我们还可以利用 :hover 来实现一些有趣的效果，例如改变鼠标形状、显示隐藏元素、旋转图片等等。

这里以一个例子来说明：当鼠标滑过下面的图片时，它将从原来的位置旋转 360 度。

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

:hover 的作用非常灵活，可以用于各种互动效果的实现。与 JavaScript 不同，它是一种纯 CSS 的解决方案，既简单又实用。