在CSS中，我們可以使用transform屬性來旋轉圖片。這個屬性有很多不同的值，但是在本文中我們將關注其中的rotate函數。
首先，在HTML中我們需要有一個圖片元素，比如標簽：

<img src="picture.png" alt="A Picture">

然后，在CSS中，我們可以使用transform：rotate函數來旋轉圖片。該函數接收一個角度值作為參數，這個值可以是正數也可以是負數。例如，要將圖片順時針旋轉45度，我們可以這樣做：

img {
transform: rotate(45deg);
}

其中deg表示角度的單位，我們還可以使用rad表示弧度。如果要逆時針旋轉圖片，只需將角度值改為負數即可：

img {
transform: rotate(-45deg);
}

我們也可以使用動畫效果來讓圖片旋轉。以下是一個例子，圖片將在5秒鐘內順時針旋轉360度：

img {
animation: rotate 5s linear infinite;
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}

此處，我們使用了一個動畫屬性，名為animation，它有四個值：旋轉函數rotate、動畫時間5秒、動畫類型linear和重復次數infinite。我們還使用了一個@keyframes規則，來定義動畫的動態效果。這個規則包含兩個關鍵幀：起始狀態（0度）和結束狀態（360度）。
綜上所述，旋轉圖片是非常簡單的，只需使用transform屬性并賦予一個角度值即可。在動畫效果方面，我們可以使用animation屬性和@keyframes規則來實現。