在網頁設計中，經常需要用到圖片。但是，有時候我們需要對圖片進行一些特別的處理，例如自動旋轉。今天我們就來講一講如何使用CSS自動旋轉圖片。

首先，我們需要在CSS中定義好一個旋轉的動畫。比如下面這段代碼：

.rotate {
animation-name: rotate;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}

上面的代碼定義了一個名為“rotate”的動畫，這個動畫會把所選中的元素按照時鐘方向旋轉360度。接下來我們就可以使用這個動畫來旋轉圖片了。

現在，我們需要在HTML中找到要旋轉的圖片，并為其添加對應的類名“rotate”，像下面這樣：

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

通過這種方式，我們就成功地讓這張圖片自動旋轉了。如果你想要調整旋轉速度或者方向，只需要在CSS中修改相應的參數就可以了。

總的來說，使用CSS自動旋轉圖片是非常簡單的。只需要定義一個旋轉的動畫，然后在HTML中選擇要旋轉的圖片并為其添加相應的類名即可。如果你想要添加更多的圖片效果，可以嘗試不同的CSS屬性或者利用JavaScript來實現復雜的動畫效果。