球體旋轉是一種比較炫酷的效果，可以通過css3 3d的transform屬性來實現。下面的代碼可以讓球體旋轉并且變得更立體。

.ball {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: #B00020;
position: relative;
transform-style: preserve-3d;
animation: rotate 3s infinite linear;
}
@keyframes rotate {
from {
transform: rotateY(0deg) rotateX(0deg);
}
to {
transform: rotateY(360deg) rotateX(360deg);
}
}

在上面的代碼中，我們首先創建了一個寬度和高度均為100像素的圓球，并設置了邊框半徑為50%來使其變成一個球體，接著設置了球體的背景色為深紅色。

為了讓球體成為三維的，我們添加了position: relative和transform-style: preserve-3d屬性。這兩個屬性可以讓元素變得立體并呈現出3D的效果。

最后，我們通過animation屬性來實現球體的旋轉效果。在此處，我們使用了關鍵幀動畫@keyframes，實現了rotateY和rotateX來控制球體的旋轉方向。

通過上述代碼的實現，就可以輕松地讓球體成為一個三維的、旋轉的元素，給頁面帶來更為炫酷的效果。