CSS3是當前前端開發中不可或缺的一部分，通過它我們可以實現各種精美的動畫效果，今天我們來學習一下CSS3圓形動畫效果。

.circle {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: #f00;
position: relative;
animation-name: rotate;
animation-duration: 2s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@keyframes rotate {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}

上面的代碼實現了一個紅色的圓形，同時添加了一個旋轉的動畫效果，在瀏覽器中運行可以看到它不斷地旋轉，直到我們停止動畫。

首先給圓形設置了寬高和50%的圓角邊框半徑，然后在關鍵幀中定義了初始狀態（0度）和最終狀態（360度），通過animation屬性指定了動畫名稱、持續時間、時間函數和迭代次數。

如果你想改變圓形的顏色，只需要修改background-color屬性的值即可，也可以嘗試修改動畫的持續時間、時間函數和迭代次數，看看會產生怎樣的效果。

總之，使用CSS3可以輕松實現圓形動畫效果，讓網頁更加生動有趣。