CSS是一種用于網(wǎng)頁設(shè)計的樣式表語言。它可以幫助我們美化網(wǎng)頁,讓頁面更加美觀和易讀。在 CSS 中,可以通過偽類選擇器來實現(xiàn)鼠標(biāo)滑過圖標(biāo)變色的效果。
.icon { color: #333; /* 圖標(biāo)原本的顏色 */ transition: color 0.3s; /* 添加過渡效果 */ } .icon:hover { color: #f00; /* 鼠標(biāo)持續(xù)在圖標(biāo)上時的顏色 */ }
在上述代碼中,定義了一個名為.icon的類,這個類應(yīng)用于圖標(biāo)元素。初始狀態(tài)下,圖標(biāo)的顏色是#333,當(dāng)鼠標(biāo)滑過圖標(biāo)時,會觸發(fā):hover偽類,此時圖標(biāo)的顏色會變成#f00。同時,由于為圖標(biāo)添加了過渡效果,顏色的變化過程會有一個平滑的過渡。
在實際應(yīng)用中,可以根據(jù)自己的需求修改顏色和過渡效果的時間,以達(dá)到更好的視覺效果。