隨著互聯網技術的不斷發展，我們在網頁上瀏覽的時候不僅可以看到簡潔明了的文字，還有各種各樣的圖片。在這些圖片中，有些是靜態的，有些則可以通過點擊進行交互。下面我們就來學習一下如何通過CSS實現點擊圖片旋轉的效果。

.img {
transition: transform 0.5s; /* 設置動畫時間為0.5秒 */
}
.img:hover {
transform: rotate(360deg); /* 鼠標懸停時圖片旋轉360度 */
}

代碼中，我們首先用.transition屬性設置動畫時間為0.5秒，這樣圖片旋轉的動畫看起來就不會太突兀。接著，我們為圖片的:hover偽類設置transform:rotate(360deg)，這樣當鼠標懸停在圖片上時，就會觸發圖片旋轉360度的動畫效果。

當然，這種效果只是一種簡單的示例，如果想要更加復雜的交互效果，可以通過CSS3的transform屬性進行更深入的探究。

總之，通過CSS實現點擊圖片旋轉的效果并不難，只需簡單的代碼即可實現。希望大家也能夠在設計網頁時加入這種互動效果，讓頁面變得更加生動有趣。