鼠標(biāo)點擊在CSS中顯示是一個很有用的特性。它可以讓網(wǎng)頁更加動態(tài)，增強(qiáng)用戶的交互體驗。那么如何在CSS中實現(xiàn)這個功能呢？下面我們就來一起討論一下。

:active 偽類

在CSS中，可以使用:active偽類來實現(xiàn)鼠標(biāo)點擊時的樣式。這個偽類表示元素被激活時的樣式。比如在一個按鈕上添加:active偽類，可以讓按鈕在被點擊時改變顏色或者增加陰影效果。

button:active {
color: red;
}

上面的代碼表示當(dāng)按鈕被點擊時，文字顏色變?yōu)榧t色。同樣的，我們也可以使用:active偽類來實現(xiàn)圖片的效果。

img:active {
transform: scale(0.9);
}

上面的代碼表示當(dāng)圖片被點擊時，縮小0.9倍。

鼠標(biāo)點擊動畫效果

除了上面的簡單樣式變化，我們還可以通過CSS動畫來實現(xiàn)更加豐富的點擊效果。比如，可以通過旋轉(zhuǎn)、縮放等動畫效果來讓頁面更具動感。

.box {
transition: transform 0.2s;
}
.box:active {
transform: scale(0.9) rotate(5deg);
}

上面的代碼表示當(dāng).box元素被點擊時，會發(fā)生以下動畫：

1. 縮小0.9倍。
2. 向右旋轉(zhuǎn)5度。

總結(jié)

鼠標(biāo)點擊在CSS中顯示是一個很實用的特性。通過使用:active偽類和CSS動畫，我們可以實現(xiàn)簡單的樣式變化和更加豐富的動畫效果。這些功能讓網(wǎng)頁更加生動，增加了用戶體驗。