CSS3可以讓你通過動畫效果輕松達到圖片不停旋轉(zhuǎn)的效果。下面是實現(xiàn)該效果的代碼：

.rotate {
-webkit-animation: spin 2s linear infinite;
-moz-animation: spin 2s linear infinite;
-ms-animation: spin 2s linear infinite;
-0-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg);}
100% { -webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
0% { -moz-transform: rotate(0deg);}
100% { -moz-transform: rotate(360deg);}
}
@-ms-keyframes spin {
0% { -ms-transform: rotate(0deg);}
100% { -ms-transform: rotate(360deg);}
}
@-o-keyframes spin {
0% { -o-transform: rotate(0deg);}
100% { -o-transform: rotate(360deg);}
}
@keyframes spin {
0% { transform: rotate(0deg);}
100% { transform: rotate(360deg);}
}

上面的代碼中，我們首先定義了一個類名為rotate的選擇器，以便可以將上述代碼應(yīng)用到我們的圖片中。其中，我們使用了CSS3的關(guān)鍵幀動畫，即keyframes。在這個動畫中，我們通過定義0%到100%的動畫步驟，指定圖片從開始狀態(tài)到結(jié)束狀態(tài)所要經(jīng)歷的變化。最后，我們通過如下代碼將動畫應(yīng)用到我們的元素上：

這樣，當(dāng)頁面被加載時，我們的圖片就會不停地旋轉(zhuǎn)起來了！