CSS3動畫是一種非常強大的工具，能夠讓網頁在不使用javascript或者其他腳本語言的情況下實現非常復雜的動效。本文將介紹如何使用CSS3動畫來實現畫圓效果。

首先，我們需要知道一個CSS屬性——border-radius，這個屬性可以讓一個元素變成一個圓形。代碼如下：

.circle {
width: 100px;
height: 100px;
border-radius: 50%; /* 將元素變成一個圓形 */
}

這個代碼可以讓我們得到一個正圓形的元素。但是，這還不夠，我們需要讓這個圓形元素動起來。接下來，我們需要使用CSS3動畫。

在CSS3中，我們可以使用@keyframes關鍵字來定義一個動畫。代碼如下：

@keyframes circle-animation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}

這個代碼定義了一個名為circle-animation的動畫。動畫從rotate(0deg)開始，到rotate(360deg)結束。

現在，我們需要將這兩段代碼結合起來。代碼如下：

.circle {
width: 100px;
height: 100px;
border-radius: 50%;
animation-name: circle-animation; /* 將動畫賦給元素 */
animation-duration: 2s; /* 動畫的持續時間為2秒 */
animation-timing-function: linear; /* 動畫以勻速運動 */
animation-iteration-count: infinite; /* 動畫無限循環 */
}
@keyframes circle-animation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}

這樣，我們就完成了一個畫圓的動畫。代碼中的animation-duration、animation-timing-function和animation-iteration-count可以根據需要進行調整，來實現不同的效果。