當(dāng)用戶用鼠標(biāo)移動(dòng)到網(wǎng)頁(yè)上的某個(gè)元素時(shí)，你可能想要添加一個(gè)動(dòng)態(tài)的效果。這時(shí)候，CSS 鼠標(biāo)經(jīng)過滑動(dòng)（hover）就會(huì)派上用場(chǎng)。使用:hover 偽類，你可以改變?cè)氐臉邮健Ｏ旅婢妥屛覀儊砜纯丛鯓訉?shí)現(xiàn)吧！

/* 創(chuàng)建一個(gè)簡(jiǎn)單的元素 */
<div class="box">我是一個(gè)div元素</div>
/* 添加鼠標(biāo)經(jīng)過樣式 */
.box {
width: 100px;
height: 100px;
background-color: #ccc;
transition: all 0.3s ease-in-out;
}
.box:hover {
background-color: #f00;
transform: scale(1.2);
}

上面的代碼展示了一個(gè)在鼠標(biāo)經(jīng)過時(shí)改變背景顏色和大小的元素。使用:hover 偽類時(shí)，需要先編寫基本樣式，然后將:hover 的樣式添加到 CSS 文件中。

另外，在:hover 樣式中，我們還使用了 CSS 過渡（transition），使改變效果更加平滑。過渡需要指定過渡的屬性、時(shí)間和過渡類型。在本例中，我們將所有屬性過渡時(shí)間設(shè)置為 0.3 秒，并且使用 ease-in-out 過渡類型。

CSS 鼠標(biāo)經(jīng)過滑動(dòng)是一個(gè)簡(jiǎn)單但很有用的方式，可以讓你為網(wǎng)頁(yè)添加一些交互性和動(dòng)態(tài)性。所以，現(xiàn)在你可以開始使用:hover 偽類來探索更多的改變?cè)貥邮降目赡苄粤耍?/p>