CSS是一種很強大的樣式表語言，能夠讓我們的網頁更加美觀和有趣。今天，我們來看看如何使用CSS繪制一個動態的圓形！

.circle {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: #f00;
position: relative;
animation: move 2s infinite;
}
@keyframes move {
0% {
left: 0;
}
50% {
left: 50%;
}
100% {
left: 0;
}
}

首先，我們給圓形一個寬度和高度，然后設置圓角半徑為50%，這樣就可以畫出一個完美的圓形。接著，我們為它設置背景顏色為紅色，并將其定位為相對位置。

接下來，我們使用CSS3中的動畫屬性來讓圓形動起來。在pre標簽中，我們可以看到我們定義了一個名為"move"的動畫，它的時間為2秒，循環次數為無限。在動畫中，我們定義了三個關鍵幀，即我們想要圓形的行為。當動畫完成時，我們將圓形移動到原始位置。

最后，將上面的CSS樣式放到我們的HTML代碼中，就成功地繪制了一個動態的圓形！