CSS3是一種強大的網頁樣式設計語言，它可以實現很多酷炫的效果。其中，圖片自旋轉是一種常見的效果，可以增加網頁的交互性和視覺效果。那么，我們來看看如何用CSS3實現圖片自旋轉。

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

首先，我們需要給圖片添加一個旋轉動畫。這里我們定義了一個名為“rotate”的動畫，具體包括了兩個關鍵幀0deg和360deg，也就是從原始狀態旋轉到360度的狀態。然后，我們給圖片添加了旋轉動畫，動畫名稱為“rotate”，時間為5s，速度為linear，并且需要一直執行下去(infinite)。

其中，transform-origin屬性對應了旋轉的中心點，我們將其設置為圖片的中心點，從而實現了以圖片中心為中心點的旋轉。

最后，將這段代碼應用到你的網頁中的圖片CSS樣式即可實現圖片自動旋轉效果。好的，今天的CSS3自動旋轉圖片教程就到這里了。