CSS中有種有趣的動畫效果，叫做圍繞一個點轉的動畫效果。通過這種效果，可以讓元素在一個假想的圓形路徑上旋轉。接下來我們就來看一下怎么實現這種動畫效果。

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

首先，我們需要給元素一個圓形的形狀，可以通過設置寬高相等并且邊框半徑為50%的方式實現。然后，我們使用CSS的animation屬性來添加旋轉動畫。設置該屬性的值為rotate、旋轉時間為2秒、動畫速度為線性、無限循環播放。接著，我們通過@keyframes關鍵字定義一個名為rotate的動畫效果，并設置從0度到360度的旋轉。最后，通過transform屬性對旋轉進行設置。

在以上代碼的基礎上，我們還可以通過添加其他CSS屬性進一步美化這個動畫。例如添加陰影效果、設置漸變背景等等。不過需要注意的是，圍繞一個點轉的動畫效果在某些情況下會帶來視覺疲勞，所以使用時需要適當考慮。