CSS如何實現自動旋轉圖片

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

上面的代碼可以讓圖片在2秒鐘內做一次360度的旋轉，而且還可以無限循環。其中，@keyframes定義了動畫過程，transform: rotate()指定了旋轉的角度，from表示開始狀態，to表示結束狀態。在img選擇器中，通過animation屬性將動畫應用到了圖片上。

需要注意的是，此方法只能在現代瀏覽器中使用，不支持舊版的Internet Explorer。如果需要兼容舊瀏覽器，可以考慮使用JavaScript來實現。例如，可以設置一個計時器，每隔一段時間就將圖片旋轉一定的角度。