球體旋轉效果在網頁設計中非常流行，也非常好看。利用CSS3技術可以輕松實現球體旋轉效果，下面來介紹如何實現。

/* 旋轉的關鍵在于transform屬性 */
.ball {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: red;
transform: rotate3d(1,1,1,45deg);
animation: rotate-ball 3s infinite linear;
}
/* 使用關鍵幀動畫控制球體旋轉 */
@keyframes rotate-ball {
from {
transform: rotate3d(1,1,1,0deg);
}
to{
transform: rotate3d(1,1,1,360deg);
}
}

在上述代碼中，首先定義了一個球體樣式，并使用了transform: rotate3d()將球體進行了45度的繞x軸、y軸、z軸的旋轉。同時，還定義了一個關鍵幀動畫rotate-ball，將球體從0度旋轉到360度。最后，通過animation屬性給球體添加了旋轉動畫效果。

通過以上的HTML和CSS代碼，我們可以輕松實現一個球體旋轉的效果，讓我們的網頁更加生動有趣。