CSS動畫是網頁設計中不可或缺的一部分。其中有一種特別的動畫叫做循環動畫。如何利用CSS實現循環動畫呢？ 首先我們需要定義動畫的關鍵幀，這可以通過@keyframes來實現。@keyframes的語法如下：

@keyframes動畫名稱{
0% {
/* 設置開始狀態 */
}
100% {
/*  設置結束狀態 */
}
}

我們可以在@keyframes中定義動畫的名稱，以及動畫從開始到結束的關鍵幀。這里我們定義了一個從0%到100%的動畫，分別設置了開始狀態和結束狀態。 接下來，我們需要將動畫應用到指定的元素上。這可以通過animation屬性來實現。animation的語法如下：

選擇器{
animation:動畫名稱持續時間時間函數延遲時間循環次數播放方向填充模式;
}

在animation屬性中，我們需要設置動畫名稱、持續時間、時間函數、延遲時間、循環次數、播放方向和填充模式。其中，循環次數就是我們所要設置的循環動畫次數。將其設置為無限循環，我們可以使用infinite。 完整的循環動畫代碼如下：

在上述代碼中，我們定義了一個長寬為100px的紅色正方形，并將名為my-animation的動畫應用到這個元素上。這個動畫會持續1秒，采用ease-in-out的時間函數，并且是一個無限循環的動畫。 在@keyframes中，我們設置了開始狀態和結束狀態，并且通過transform屬性實現了動畫效果：旋轉360度并放大2倍。 通過這樣的方式，我們就可以實現一個簡單的循環動畫了。希望這篇文章對你有所幫助。