CSS動畫的循環是一個非常實用的功能，它可以讓動畫無限地循環，直到頁面被用戶關閉。這是通過在CSS動畫中使用關鍵幀來實現的，讓我們來看看如何實現它。

/* 定義一個自旋轉的方塊 */
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.square {
animation-name: spin; /* 設置動畫的名稱 */
animation-duration: 2s; /* 設置動畫執行時長 */
animation-iteration-count: infinite; /* 設置動畫循環次數，infinite表示無限循環 */
}

上面的代碼定義了一個名為"spin"的關鍵幀，它讓一個方塊以左上角為中心無限自旋轉。接著定義了一個類名為"square"的元素，它使用了"spin"動畫，設置了動畫執行時長為2秒，動畫循環次數為無限循環。

除了"animation-iteration-count"屬性，CSS中還有其他控制動畫循環的屬性，例如"animation-direction"可以控制動畫的方向和循環的方向。"animation-play-state"可以暫停和恢復動畫。更多關于CSS動畫的屬性和使用方法，請參考相關資料。

總之，CSS動畫的循環功能非常實用，特別是在網站的裝飾方面，可以讓網站更具吸引力和活力。希望本文對您有所幫助，謝謝閱讀！