文字繞圓心旋轉是一種很有趣的效果，它可以讓文字圍繞一個圓心旋轉并呈現出獨特的視覺效果。這種效果通常使用CSS來實現，而下面的代碼將教你如何實現文字繞圓心旋轉效果。

.circle{
width: 100px;
height: 100px;
border-radius: 50%;
border: 1px solid black;
position: relative;
margin: 0 auto;  /*讓圓心水平居中*/
}
.text{
position: absolute;
top: 50%;  /*讓文字在圓心垂直居中*/
left: 50%; /*讓文字在圓心水平居中*/
transform: translate(-50%, -50%); /*將文字上移和左移50%（即文字中心點移到圓心）*/
width: 200px;
height: 200px;
text-align: center;
}
.text span{
display: inline-block;
transform-origin: center bottom; /*將文字的旋轉中心設置在文字底部*/
}
.text span:nth-child(odd){
transform: rotate(40deg); /*設置奇數個文本的旋轉角度*/
}
.text span:nth-child(even){
transform: rotate(-40deg); /*設置偶數個文本的旋轉角度*/
}

以上代碼中，我們首先創建了一個圓形元素- .circle，并且將它的position屬性設置為relative，在它的子元素中創建了一個 .text元素，我們將它的position屬性設置為absolute，并且使用了translate屬性，使其在圓心位置。

接下來，我們對.text中的每個span元素設置了transform-origin屬性，它確定了被轉換元素的旋轉點。最后，我們使用nth-child偽類為奇數個和偶數個文本元素設置了不同的旋轉角度。

通過以上步驟，我們就能夠實現文字繞圓心旋轉的效果了。