在網頁設計中，動畫效果可以為用戶帶來非常好的用戶體驗。CSS旋轉動畫是一種非常酷炫的特效，可大大增強您網站的視覺效果。在這篇文章中，我們將介紹如何使用CSS制作旋轉動畫。

/* 創建一個基本 CSS 動畫 */
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
/* 設置元素的樣式并應用動畫 */
div {
width: 100px;
height: 100px;
background-color: red;
/* 應用前面創建的動畫 */
animation: rotate 2s linear infinite;
}

在上面的代碼中，首先我們創建了一個名為"rotate"的基本CSS動畫，其中使用“transform”將旋轉度數從0度變為360度。接下來，我們設置一個div元素的樣式，并使用“animation”屬性將旋轉動畫應用于該元素。我們還設置了動畫的持續時間、速度和循環次數。

當我們在瀏覽器中查看這段代碼時，我們將看到一個紅色的正方形以2秒的速度無限旋轉。您可以更改平移，變形和其他CSS屬性來創建更多復雜的旋轉動畫。

總的來說，CSS旋轉動畫是一種非常實用且酷炫的特效，適用于增強您網站的效果。