CSS+圖片點擊時的效果

在網頁設計中，有時需要給圖片添加一些特殊的點擊效果，例如圖片放大、旋轉、漸變等，這些效果可以通過CSS和JavaScript來實現。但是本文主要討論如何使用CSS來實現點擊圖片時的效果。

img:hover {
transform: scale(1.2);
}
img:active {
transform: rotate(360deg);
}

使用CSS的:hover偽類選擇器，我們可以定義鼠標懸停在圖片上時的效果，例如讓圖片放大1.2倍。而通過:active偽類選擇器，我們就可以定義鼠標點擊圖片時的效果，例如讓圖片旋轉360度。

除了使用:hover和:active偽類選擇器，還有一些其他的CSS屬性可以用來定義點擊圖片的效果，例如為圖片添加陰影、邊框、漸變等。這些效果的實現方法和如何使用CSS選擇器定義點擊效果類似，只需要了解CSS的基礎知識并靈活運用即可。

總之，CSS和圖片的結合可以讓網頁設計更加生動、有趣，而點擊圖片時的特殊效果則可以提升用戶體驗，讓用戶感到更加舒適和愉悅。