在網頁設計中，動畫效果是提高用戶體驗的重要組成部分。而旋轉動畫是其中一個常見的效果。在 CSS 中，通過 transform 屬性和關鍵幀動畫可以實現旋轉動畫。然而，通常情況下，旋轉動畫是不勻速的，也就是說旋轉速度會有緩慢和加速之分。所以，本文將介紹如何使用 CSS 使動畫勻速旋轉。

@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.element {
animation: rotate 2s linear infinite;
}

如上所示的代碼中，我們創建了一個 keyframes，命名為 rotate，它包含兩個關鍵幀：from 和 to。在 from 關鍵幀中，我們將元素的旋轉角度設置為 0 度；在 to 關鍵幀中，我們將元素的旋轉角度設置為 360 度。這樣，元素就可以完成一個完整的旋轉。

接著，在 .element 類中，我們使用 animation 屬性將動畫應用到元素上。其中，rotate 為我們定義的動畫名稱，2s 表示動畫持續 2 秒，linear 則表示動畫的緩動效果為線性的，即勻速旋轉。最后，我們將 infinite 屬性設置為元素動畫無限循環。

通過以上的 CSS 代碼，我們就可以實現一個勻速旋轉的動畫效果。如果需要更加絢爛多彩的旋轉動畫，可以通過更改旋轉中心、調整動畫速度或結合其他屬性進行細化調整。