CSS球體文字是一種獨特的文字效果，可以讓文字呈現出3D球體的效果，看起來非常炫酷。想要了解如何實現這個效果嗎？接下來讓我們一起來看看吧！

.ball-text {
display: inline-block;
font-size: 4rem;
font-weight: bold;
text-transform: uppercase;
color: #2196f3;
border-radius: 50%;
background-color: #fff;
padding: 0.5rem;
box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.2);
transform: perspective(1000px) rotateX(70deg) rotateY(-25deg);
}

上述代碼中，我們創建了一個球體文字的樣式，通過設置元素的border-radius屬性為50%來讓元素呈現出圓形，再利用background-color屬性為元素填充白色背景。接著，在元素上添加box-shadow屬性，為球體文字添加投影效果，讓球體效果更加明顯。

接下來就是用transform屬性對元素進行3D變換，達到球體效果。通過設置perspective屬性來定義元素的透視距離，從而讓文字有深度感。然后使用rotateX和rotateY屬性繞X軸和Y軸旋轉元素，讓元素呈現出3D球體效果。

現在我們只需要將文本框架起來，就可以得到一個完整的球體文字了。

<div class="ball-text">Hello World</div>

上述代碼中的 div 元素加上 ball-text 樣式類將會呈現出我們所期望的效果，讓字母懸浮在球體表面，猶如3D球體文字一般，非常酷炫。

這就是CSS球體文字的制作方法。希望這篇文章能對你有所幫助！