在CSS中，我們可以使用幀動畫來繪制各種圖形，今天我們來學習如何用CSS幀動畫來畫一個圓。

.circle {
width: 100px; /*圓的直徑*/
height: 100px;
border-radius: 50%; /*將正方形變成圓形*/
animation: circle 2s linear infinite; /*2秒鐘完成一次動畫，且循環無限次*/
}
@keyframes circle {
0% {
transform: rotate(0deg); /*初始狀態為0度*/
}
100% {
transform: rotate(360deg); /*最終狀態為360度*/
}
}

通過上述代碼，我們將一個本來是正方形的元素，利用border-radius屬性將其變成圓形。然后我們使用了CSS3中的@keyframes規則，創建了一個名為circle的幀動畫。在動畫的0%狀態，我們將元素旋轉0度，而在動畫的100%狀態，我們將元素旋轉了360度，這樣就完成了一個畫圓的效果。

接下來，將上述代碼插入HTML頁面中，即可看到一個運行中的圓形動畫。