CSS可以使用transform屬性來實現圖片的旋轉，其中rotate()函數可以實現旋轉的效果。本文將介紹如何使用CSS來實現圖片轉圈。

img {
transition: transform 1s ease-in-out;
}
img:hover {
transform: rotate(360deg);
}

在上述代碼中，我們給圖片添加了過渡效果，并在鼠標懸停時通過transform屬性來實現圖片的旋轉，和rotate()函數的參數360度。我們也可以調整旋轉度數來改變旋轉的效果。

我們還可以通過使用animation屬性來給圖片添加一個自動旋轉的動畫。下面的代碼給圖片定義了一個旋轉的動畫，并使用infinite關鍵字來讓動畫一直執行。

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

在上述代碼中，我們定義了一個keyframes來定義動畫的開始狀態和結束狀態，并將動畫應用于圖片。我們也可以修改transition和animation屬性的值來改變動畫的時間和動畫效果。

總的來說，使用CSS來實現圖片轉圈是一項非常有趣和有趣的技巧。通過使用transform和animation屬性，我們可以創建各種各樣的旋轉效果，趣味性也是無限的。