CSS3是現代網頁設計不可或缺的一部分，它可以實現許多驚人的效果，其中就包括旋轉圖片。

img {
transition: transform .5s ease;
transform-origin: center center;
}
img:hover {
transform: rotate(360deg);
}

以上代碼表示，當鼠標懸停在圖片上時，該圖片將以中心為軸心順時針旋轉360度。我們可以通過修改transform屬性來控制圖片的旋轉方向和速度。

若要設置圖片的動畫時間和緩動效果，我們可以通過transition屬性來實現。例如，我們可以將圖片旋轉動畫的時間延長到1秒并添加彈跳效果：

img {
transition: transform 1s cubic-bezier(.2, 2, .2, 1);
transform-origin: center center;
}
img:hover {
transform: rotate(360deg) scale(1.2);
}

在這個動畫中，圖片旋轉的時間變成了1秒，并且添加了彈跳效果，使得圖片更加動感。

總之，CSS3可以輕松實現圖片旋轉動畫效果，我們只需要掌握transform、transform-origin和transition這幾個屬性即可。