CSS中心旋轉動畫是一種通過CSS實現的動態效果。這種動畫效果可以應用到很多場景中，如網站的loading頁面、輪播圖等。在這篇文章中，我們將會介紹CSS中心旋轉動畫的基本概念和實現方法。

.spinner {
animation: spin 2s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}

上面的代碼是一個簡單的CSS中心旋轉動畫實現。我們可以看到，將動畫效果應用到類名為“spinner”的元素中，通過animation屬性指定旋轉動畫的名稱、時長、動畫速度和重復次數。在這里，“spin”是我們定義的動畫名稱，“2s”表示動畫時長，“linear”表示動畫速度（勻速），“infinite”表示動畫重復次數為無限。

在@keyframes中定義了動畫的關鍵幀，從0%到100%分別表示動畫的起點和終點。在這里，通過transform屬性設置了動畫效果，將元素沿Y軸旋轉360度。這樣，我們就實現了一個簡單的CSS中心旋轉動畫。

需要注意的是，CSS中心旋轉動畫需要一定的HTML和CSS基礎，同時需要對transform屬性和動畫的基本概念有一定的了解。如果您想進一步學習相關知識，可以通過閱讀相關書籍或者在線教程來學習，從而更好地理解和應用CSS中心旋轉動畫。