CSS3 動畫是一項非常令人興奮的新技術，它可以在網頁中創建出許多精美的動效。其中一個比較簡單的動畫就是轉圈，接下來我們來利用CSS3 動畫來實現這個效果。

.circle {
width: 100px;
height: 100px;
border-radius: 50%;
border: 2px solid #000;
animation: rotate 2s linear infinite;
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}

以上代碼中，我們創建了一個 class 名稱為 circle 的元素，并設置寬高為 100px、圓角半徑為 50%、邊框為 2px 黑色邊框。接下來就是關鍵的操作，我們利用animation屬性來定義一個名為 rotate 的動畫，它的執行時間是 2 秒，執行方式是線性動畫，且無限循環。

接下來在@keyframes中定義我們的動畫。我們從 0 度開始旋轉（即初始狀態），到最后的 360 度（即結束狀態）。通過組合這兩個狀態，我們就成功地創建了這個轉圈的動畫。

通過以上代碼，我們就成功地實現了一個簡單的 CSS3 轉圈動畫。除了改變animation的執行時間和執行方式，你還可以改變其他的屬性，例如改變邊框顏色，加入陰影效果等等，從而創造出更多的效果。