CSS可以用來創建各種各樣的動畫效果，其中之一就是圓形動畫。圓形動畫可以在網頁設計中增加趣味性和視覺效果。

.circle {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: red;
animation-name: rotate;
animation-duration: 2s;
animation-iteration-count: infinite;
}
@keyframes rotate {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

上面的代碼可以創建一個紅色的圓形，并添加一個名為“rotate”的動畫效果。動畫效果的時長為2秒，循環次數為無限。動畫效果通過使用關鍵幀實現，從0%到100%之間沿著一個“rotate(0deg)”和“rotate(360deg)”的旋轉動作來呈現。

最終的動畫效果是一個無限旋轉的圓形。你可以通過修改CSS來更改圓形的大小、顏色、旋轉速度等屬性，以滿足自己的需求。