CSS是前端開發中重要的一環，可以通過CSS使網站頁面變得更加美觀、互動性更強。在頁面布局中，圖片是不可或缺的部分。怎樣能讓圖片旋轉呢？下面將介紹CSS中的旋轉效果的實現。

首先，在CSS中設置圖片的位置和樣式。例如：

img{
position:relative;
width:300px;
height:300px;
}

接下來，利用CSS3中的transform屬性達到圖片旋轉的效果。transform屬性可以對元素進行旋轉、縮放、傾斜、移動等變化。關于旋轉，可以使用rotate()函數，屬性值是旋轉度數。例如：

img{
transform:rotate(90deg);
/*逆時針旋轉90度，在使用時可以根據需要增加度數*/
}

當然，CSS3中還有其他旋轉方式，例如使用rotate3d()函數可以實現3D視覺效果的旋轉，rotateX()函數可以使元素繞x軸旋轉，而rotateY()函數可以使元素繞y軸旋轉。

除了旋轉角度，還可以設置過渡效果、動畫等，使得圖片更加生動有趣。

總的來說，CSS的transform屬性是實現圖片旋轉的重要手段，通過對元素的變化，可以讓網頁頁面變得更加有趣、美觀，為用戶提供更好的體驗。