球體旋轉(zhuǎn)CSS是一種非常炫酷的CSS特效，它可以讓球體無限循環(huán)地進(jìn)行自我旋轉(zhuǎn)。我們可以利用CSS3的3D轉(zhuǎn)換來達(dá)到這個(gè)效果。

.ball {
position: absolute;
transform-style: preserve-3d;
animation: rotate 4s infinite linear;
}
@keyframes rotate {
0% {transform: rotateX(0deg) rotateY(0deg);}
100% {transform: rotateX(360deg) rotateY(360deg);}
}

首先，我們需要為球體添加一個(gè)CSS類名“ball”。將其位置設(shè)置為absolute，是為了讓其可以脫離正常文檔流，并且能夠自由移動(dòng)。接下來，我們對(duì)該球體使用了“transform-style: preserve-3d”的屬性，這個(gè)屬性值指定該元素的子元素也使用3D轉(zhuǎn)換效果。

最后，我們使用了CSS動(dòng)畫來控制球體的自我旋轉(zhuǎn)。動(dòng)畫名稱為rotate，時(shí)間為4秒，并且無限循環(huán)。其中，0%的狀態(tài)是X軸和Y軸都為0度，而100%的狀態(tài)則是X軸和Y軸都為360度。這樣球體就可以無限地進(jìn)行自我旋轉(zhuǎn)了。