CSS是網頁設計中非常重要的一部分，使用它可以實現非常炫酷的動畫效果。其中，動畫旋轉效果是非常常見的一種，下面我們就一起來學習如何使用CSS實現動畫旋轉效果。

首先，我們需要在CSS文件中定義一個類，定義旋轉的關鍵幀。代碼如下：

.rotation {
animation-name: spin;
animation-duration: 4000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}

上述代碼中，我們通過animation-name定義動畫名稱為spin，使用keyframes定義了一個從0度到360度的旋轉動畫。

接下來，在HTML文件中，我們可以給需要添加旋轉效果的元素添加這個類，比如：

<img src="example.png" class="rotation" />

這樣，當頁面加載時，這個圖片就會無限循環地旋轉起來。

需要注意的是，旋轉點默認是在元素中心，如果需要改變旋轉點，可以使用transform-origin屬性。

以上就是使用CSS實現動畫旋轉效果的方法，希望對大家有幫助。