圖像旋轉(zhuǎn)是一種讓圖片旋轉(zhuǎn)一定角度的效果。在 CSS 中，可以使用 transform 屬性中的 rotate() 方法來實現(xiàn)圖像旋轉(zhuǎn)。下面是一個例子：

HTML 代碼：

<img src="image.jpg" class="rotate">

CSS 代碼：

.rotate {
transform: rotate(30deg);
}

在上面的例子中，類名為 "rotate" 的圖片將被旋轉(zhuǎn) 30 度。可以更改角度值，來讓圖片以不同的角度旋轉(zhuǎn)。eg：

.rotate {
transform: rotate(45deg);
}

為了在不同瀏覽器上得到最佳效果，建議同時添加以下代碼：

.rotate {
-webkit-transform: rotate(30deg); /* Safari 和 Chrome */
-moz-transform: rotate(30deg); /* Firefox */
-ms-transform: rotate(30deg); /* IE 9 */
-o-transform: rotate(30deg); /* Opera */
transform: rotate(30deg);
}

這將使旋轉(zhuǎn)效果在不同瀏覽器上得到兼容。如果想要圖片在其自身中心旋轉(zhuǎn)（默認情況下，圖片以左上角為中心點），可以使用 transform-origin 屬性。eg：

.rotate {
transform-origin: center;
}

以上代碼將使圖片以其中心點為旋轉(zhuǎn)中心。還可以將值設置為 "bottom right"，將圖片以其右下角為中心點旋轉(zhuǎn)。