CSS3的轉場效果令人驚嘆，其中一個最流行的效果就是轉圈效果。這種效果不僅可以應用于按鈕，還可以用于圖像和其他HTML元素。下面是一個簡單的例子，展示如何使用CSS3的屬性來創建一個轉圈效果。

.circle {
border: 10px solid #ccc;
border-top: 10px solid #e67e22;
border-radius: 50%;
width: 100px;
height: 100px;
animation: spin 2s linear infinite;
}
@keyframes spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}

首先，我們創建一個圓圈元素，使用border屬性和border-radius屬性來創建一個圓形。在這個元素的頂部設置粗邊框和顏色。接下來，我們使用動畫屬性來為該元素添加旋轉動畫。在@keyframes中，我們定義了從0度旋轉到360度的動畫。

這就是如何使用CSS3的轉圈效果。您可以使用這種效果來增強您網站的用戶體驗。嘗試應用它來創造與您網站主題相符的創意元素！