CSS3實現圖片旋轉是一種炫酷的效果，可以為網站增添不少活力。下面我們來看看如何使用CSS3實現圖片一直旋轉。

/* 設置圖片樣式 */
img {
width: 200px;
height: 200px;
border-radius: 50%;
border: 2px solid #fff;
-webkit-animation: spin 3s linear infinite;
animation: spin 3s linear infinite;
}
/* 設置動畫 */
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}

首先，我們需要設置圖片樣式。在這里，我們將圖片的寬度和高度都設置為200px，并加上圓角邊框，并將圖片進行旋轉。接著，我們設置動畫。在這里，我們使用兩個關鍵幀來定義旋轉的狀態，使圖片不斷地進行旋轉。其中，我們使用了-webkit-transform和transform屬性來實現圖片的旋轉。最后，我們將動畫設為無限循環，實現圖片的一直旋轉。

通過以上代碼，我們就能夠輕松實現圖片的一直旋轉。不過，需要注意的是，在不同的瀏覽器中，CSS3的實現可能會存在差異。因此，在編寫CSS3代碼時，我們需要進行兼容性的測試，確保效果在各種瀏覽器中都能正常展現。