CSS3 中的圖片旋轉效果是一種非常實用的特效，為我們的網頁增添了新的視覺效果。下面就是一段 CSS3 代碼，演示了如何實現圖片旋轉效果。

img{
transition: transform 0.5s ease-in-out; 
}
img:hover{
transform:rotate(360deg);
}

上述代碼中，首先利用 transition 屬性，定義了圖片旋轉的時間為 0.5 秒，并且以漸進的方式進行。這樣做的好處是在動畫實現時會更加自然。接下來，我們在偽類選擇器中對圖片進行了旋轉操作，其中“:hover”是在鼠標懸停之后才會執行的。 使用“transform:rotate()”函數能夠在 CSS 中實現旋轉的效果。括號中的數字是旋轉角度，單位為度數。上面的代碼中，我們指定了圖片向右旋轉 360 度，即一圈。如果需要旋轉方向相反，則調整數字即可。