CSS3旋轉動畫是CSS3動畫的一種，它可以讓元素沿著指定的軸線進行旋轉動畫，讓頁面更加生動有趣。

.rotate {
animation: rotation 3s infinite linear;
transform-origin: center;
}
@keyframes rotation {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}

在上面的代碼中，我們使用了animation屬性來定義旋轉動畫，其中rotation是動畫名稱，3s是動畫持續時間，infinite表示動畫無限循環，linear表示動畫以勻速進行。

接著我們使用了transform-origin屬性來定義了旋轉的中心點，這里設置為中心點。

在@keyframes中，我們定義了動畫的起始狀態和結束狀態，這里從0度旋轉到360度。我們還可以根據需要設置其他旋轉角度。

通過上述代碼的運用，我們可以非常快速地為網站添加生動有趣的旋轉動畫，提升頁面設計的質量和趣味性。