CSS動畫是網頁開發中常用的一種效果，能夠為網頁增添更多趣味和活力。其中，旋轉圖片是一種簡單而實用的動畫效果。本文將為大家介紹如何使用CSS將圖片旋轉起來。

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

如上面的代碼所示，我們通過:hover選擇器為圖片添加了鼠標懸停時觸發的動畫。而@keyframes則定義了圖片旋轉的具體動畫效果。其中，from代表動畫的起始狀態，我們將圖片的旋轉角度設置為0度。而to表示動畫結束時的狀態，我們將圖片旋轉角度設置為360度，實現一圈完整的旋轉。

注意，我們將動畫的duration設置為2s，并將timing-function設為linear，表明動畫在兩秒內勻速旋轉。同時，我們將iteration-count值設置為infinite，使動畫無限循環運行。

現在，你可以輕松為你的網頁中的圖片添加旋轉效果了。快來試試吧！