CSS3是一種非常強大的前端開發技術，它可以幫助我們實現各種各樣的動畫效果，其中包括圖片旋轉。下面我們就來學習如何使用CSS3實現圖片轉動的效果。

img {
transition: transform 1s;
}
img:hover {
transform: rotate(360deg);
}

以上代碼使用了CSS3的transition和transform屬性。其中transition屬性用于定義元素從一種樣式轉換成另一種樣式的過渡效果。我們將過渡效果時間設置為1秒，意味著圖片轉動的過程會持續1秒。transform屬性用于定義元素的形狀，可以包括旋轉、縮放、傾斜和移動。我們將其設置為rotate(360deg)，意味著圖片會繞Z軸旋轉360度。

當我們將鼠標移動到圖片上時，hover偽類會生效，并使圖片發生旋轉變化。此時圖片會在1秒內繞Z軸旋轉360度，然后再返回原來的狀態。這樣就實現了圖片轉動的效果。當然，你也可以根據需要來調整旋轉的角度和時間。

總之，CSS3提供了很多有趣的動畫效果，有了它的幫助，我們可以輕松實現各種各樣的視覺效果，使網頁更加生動、有趣，同時也提高了用戶體驗。希望你能喜歡這個小技巧，也期待看到你在實際項目中的應用。