在網(wǎng)頁設(shè)計(jì)中，為了增加用戶體驗(yàn)，我們常常會(huì)添加鼠標(biāo)懸停效果。例如，當(dāng)鼠標(biāo)移到按鈕上時(shí)，按鈕會(huì)改變顏色，或者變大、變亮等。這些效果可以使用CSS實(shí)現(xiàn)。下面我們來探討一下怎么讓鼠標(biāo)過去變大。

button:hover {
transform: scale(1.1);
}

上面的代碼片段使用了:hover偽類來表示鼠標(biāo)懸停的狀態(tài)。當(dāng)鼠標(biāo)移到button元素上時(shí)，應(yīng)用了transform屬性的scale函數(shù)。scale(1.1)表示將元素的大小放大1.1倍。

我們還可以添加過渡效果，讓變化更加平滑自然。例如：

button {
transition: transform .2s ease-in-out;
}
button:hover {
transform: scale(1.1);
}

上面的代碼中，我們使用了transition屬性，添加了過渡效果。.2s表示變化的時(shí)間為0.2秒，ease-in-out表示變化的速度呈先加速后減速的效果。這樣設(shè)置后，當(dāng)鼠標(biāo)移到按鈕上時(shí)，按鈕會(huì)有一個(gè)0.2秒的過渡時(shí)間，從原來的大小緩緩放大到1.1倍的大小，變化更加平滑自然。

總之，鼠標(biāo)懸停效果可以使用CSS來實(shí)現(xiàn)，使用:hover偽類和transform屬性可以讓元素的大小、顏色等產(chǎn)生變化。如果想讓變化更加平滑自然，可以使用過渡效果。