CSS3小球旋轉動畫是一種特別炫酷的效果，可以使用CSS3屬性來實現。下面將為大家介紹如何實現這個效果。

.ball {
width: 50px;
height: 50px;
border-radius: 50%;
background-color: red;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: rotate 2s linear infinite;
}
@keyframes rotate {
0% { transform: translate(-50%, -50%) rotate(0deg); }
100% { transform: translate(-50%, -50%) rotate(360deg); }
}

上述代碼中，首先給小球設定寬度、高度、圓角、背景色，并使用絕對定位把小球移動到屏幕中心。然后使用translate屬性把小球向左、向上移動50%的位置，使得小球居中顯示。

接著定義一個旋轉動畫，使用animation屬性，設定動畫名稱為rotate，持續時間為2秒，線性播放，無限循環。在@keyframes中定義動畫的開始狀態和結束狀態，0%表示動畫開始時的狀態，100%表示動畫結束時的狀態，兩個狀態分別設定transform屬性，使小球旋轉360度。

最后把小球的HTML代碼插入頁面中，就可以看到炫酷的小球旋轉動畫效果了。