今天我發現了一張很有趣的圖片，在我的網頁上添加了CSS3旋轉效果，讓這張圖片更加動感和吸引人。下面我就來介紹一下這個CSS3旋轉的效果。

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

首先，我們給圖片的類名設為.rotate-img，然后在CSS樣式中添加了-webkit-transition和transition屬性。這兩個屬性用于設置圖片旋轉動畫的過渡時間以及過渡效果。在這里，我設置了過渡時間為0.8秒，過渡效果為ease-in-out（平滑緩慢）。

接下來，我們在:hover偽類中添加了-webkit-transform和transform屬性，用于設置在鼠標懸停時圖片的旋轉效果。在這里，我設置了旋轉角度為360度，表示圖片將繞中心點順時針旋轉一圈，完成動畫效果。

這個CSS3旋轉動畫效果非常簡單，只需要添加兩個屬性就可以實現了。如果你也想讓你的網頁更加生動有趣，不妨嘗試一下這個效果吧！