在網頁設計中，圖片是一個非常重要的元素。而如果能夠讓圖片自轉的化，就能夠更加吸引人的眼球，增添頁面的活力。下面，我們來介紹如何使用CSS讓圖片自轉。

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

如上述代碼所示，我們首先需要創建一個類名叫做“rotate”。接著，在該類名下，使用animation屬性來指定圖片的自轉效果，其中“rotate”是自定義的名稱，5s表示自轉的時間長度，而linear則是自轉的速度設置，infinite則意味著該動畫將會不停地進行。

接下來，我們需要定義一個鍵框來規定自轉的具體過程，這個過程需要應用于我們上面定義的并命名為“rotate”的類名。在鍵框內，我們使用from 和 to 這兩個關鍵字，來規定圖片從哪個角度開始自轉，以及自轉到哪個角度停止。transform屬性用于將圖片沿著圓心旋轉，它的參數是矩陣變換。

最后，我們只需要在HTML中給圖片添加所定義的類名，就能讓圖片實現自轉效果了。比如：

以上就是如何使用CSS讓圖片自轉的方法。通過不斷地實踐，我們可以掌握各種CSS動畫技巧，充分展現出我們的網頁設計才華。