CSS 可以用來實現旋轉動畫效果，本文將介紹如何使用 CSS 來創建旋轉動畫。

.rotate {
animation-name: rotate;
animation-duration: 2s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
transform-origin: center;
}
@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}

如上所示，我們可以使用 CSS 動畫屬性來定義旋轉動畫，同時使用 transform 屬性來實現圖形的旋轉。

首先，我們將定義一個 .rotate 類，使用 animation-name 屬性指定動畫名稱為 rotate，并通過 animation-duration 屬性將動畫持續時間設為 2 秒鐘。

接下來，我們使用 animation-timing-function 屬性指定動畫速度曲線為 ease-in-out，使用 animation-iteration-count 屬性指定動畫循環次數為無限循環。

最后，我們使用 transform-origin 屬性指定圖形的旋轉中心為中心點。

然后，我們需要添加關鍵幀，使用 @keyframes 規則來定義旋轉動畫。在此例中，我們在動畫的開始和結束位置分別按 0-degree 和 360-degree 旋轉圖形。

最后，將配置好的 .rotate 類應用到 HTML 元素上即可實現旋轉動畫。