CSS3里圍繞圓心是一種很有趣的效果，可以讓元素圍繞一個圓心旋轉。這種效果可以通過transform屬性來實現。

transform: rotate(deg) translate(radius) rotate(-deg);

其中，deg表示旋轉角度，radius表示圓的半徑。為了達到圍繞圓心旋轉的效果，需要兩個rotate函數，第一個函數表示旋轉deg度，讓元素的起始位置與圓心重合，第二個函數表示逆時針旋轉deg度，將元素旋轉到所需位置。

下面給出一個圍繞圓心旋轉的例子：

.box {
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #ff0000;
position: absolute;
top: 50%;
left: 50%;
margin-top: -25px;
margin-left: -25px;
animation: rotate 2s linear infinite;
}
@keyframes rotate {
0% {
transform: rotate(0deg) translate(100px) rotate(-0deg);
}
100% {
transform: rotate(360deg) translate(100px) rotate(-360deg);
}
}

在這個例子中，外層的.box元素是一個紅色圓形，通過animation屬性和@keyframes定義了一個旋轉動畫。在@keyframes中，通過transform屬性實現了元素圍繞圓心旋轉的效果。translate(100px)表示元素距離圓心的距離為100px，rotate(-0deg)表示元素的起始位置與圓心重合，后面的旋轉角度表示讓元素到達所需位置。

通過CSS3里的圍繞圓心特效，我們可以在網頁中實現各種酷炫的效果，為用戶帶來更好的視覺體驗。