CSS3 動畫可以讓網站頁面更加生動和有趣，其中圍繞圓轉圈的動畫效果也非常炫酷。下面我們就來學習一下如何實現這個效果：

.round {
width: 60px;
height: 60px;
background-color: #ff7f50;
border-radius: 50%;
position: relative;
animation: move 4s linear infinite;
}
@keyframes move {
0% {
transform: rotate(0deg) translate(150px) rotate(0deg);
}
25% {
transform: rotate(180deg) translate(150px) rotate(-180deg);
}
50% {
transform: rotate(360deg) translate(150px) rotate(-360deg);
}
75% {
transform: rotate(540deg) translate(150px) rotate(-540deg);
}
100% {
transform: rotate(720deg) translate(150px) rotate(-720deg);
}
}

代碼解析：

我們首先定義一個圓形的 div，寬和高都為 60px，圓角為 50%，背景顏色為 #ff7f50。使用 position: relative; 把它定義為相對定位，方便下面的位移動畫。

然后在 .round 中定義了一個動畫 move，該動畫會不斷重復，持續時間為 4s，動畫使用了線性運動。

接下來是動畫的關鍵代碼，@keyframes 定義 move 動畫的關鍵幀。在 0% 時，div 元素通過 transform 屬性向右位移 150px。接著，從 25% 到 100%，通過 rotate 和 translate 屬性來實現圍繞圓轉圈的效果。在 25%，50%，75% 和 100% 這幾個關鍵幀點，圓形 div 分別以 180、360、540 和 720 度的角度轉動，并伴隨著向內旋轉的動畫效果，這樣就會形成圍繞圓轉圈的效果。

最后，我們就可以在 HTML 代碼中使用這個類名，比如：<div class="round"></div>，使之產生效果。

這樣就實現了一個簡單的 CSS3 動畫圍繞圓轉圈的效果，讓頁面更加生動有趣。