在網頁設計中，圖片旋轉是一個非常常用的效果之一，通過css3可以輕松實現這一效果。

.rotateImage{
-webkit-transform:rotate(60deg); /* Safari和Chrome */
-moz-transform:rotate(60deg); /* Firefox */
-ms-transform:rotate(60deg); /* IE9+ */
-o-transform:rotate(60deg); /* Opera */
transform:rotate(60deg);
}

上述代碼中，我們定義了一個類名為rotateImage的樣式，通過transform屬性中的rotate函數，使圖片旋轉60度。同時，在不同瀏覽器下都加上了對應的前綴，以保證兼容性。

如果需要實現動態旋轉效果，可以使用CSS3的動畫屬性。

.rotateImage{
animation: rotate 1s infinite linear;
}
@keyframes rotate{
from{
transform: rotate(0deg);
}
to{
transform: rotate(360deg);
}
}

在上述代碼中，我們定義了一個名為rotate的動畫，并使用animation屬性將它應用到類名為rotateImage的元素上。在keyframes中，則定義了從0度到360度的旋轉效果，且每次動畫執行的時間為1秒，且無限循環。同樣，在不同瀏覽器下都加上了對應的前綴。

總的來說，利用CSS3實現圖片旋轉效果非常方便，只需要在樣式中加入transform屬性即可。如果需要實現動態效果，則可使用animation屬性，當然也可以結合js實現高度自定義的效果。