CSS圖像旋轉是一種很有趣的效果，讓網頁更加生動。讓我們學習如何使用CSS實現一直旋轉的圖像效果。

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

上面的代碼中，我們為img元素添加了animation屬性，指定要執行的動畫是rotate，執行時間是2秒，線性播放，無限循環。

然后，我們定義了一個名為rotate的關鍵幀，從0度到360度進行旋轉。

這樣就完成了一直旋轉的圖像效果，讓網頁更加生動有趣。