CSS中非常常用的一種效果是當(dāng)鼠標(biāo)懸停在某個(gè)元素上時(shí),改變它的樣式。以下是一些常見(jiàn)的鼠標(biāo)經(jīng)過(guò)樣式代碼:
/* 更改背景顏色 */ .element:hover { background-color: #ff0000; } /* 更改文字顏色 */ .element:hover { color: #00ff00; } /* 增加陰影效果 */ .element:hover { box-shadow: 0px 0px 10px #000000; } /* 顯示隱藏元素 */ .element:hover .hide { display: block; } /* 旋轉(zhuǎn)元素 */ .element:hover { transform: rotate(45deg); }
以上代碼中,.element代表需要添加鼠標(biāo)經(jīng)過(guò)效果的元素,:hover表示當(dāng)鼠標(biāo)懸停在此元素上時(shí)觸發(fā)效果。
使用CSS鼠標(biāo)經(jīng)過(guò)樣式能夠增強(qiáng)網(wǎng)頁(yè)的互動(dòng)性和視覺(jué)效果,讓用戶更加愉悅地瀏覽網(wǎng)頁(yè)。