CSS動畫通常可以給網頁增添活力，但是大多數情況下，你需要讓它們循環播放，才能更好地體現出你的設計思路。下面介紹三種讓CSS動畫循環的方法。

/* 第一種方法：使用animation-iteration-count屬性 */
animation: myAnimation 2s linear infinite; /* infinite表示無限次循環 */
/* 第二種方法：使用@keyframes的to值 */
@keyframes myAnimation {
from { opacity: 0; }
to { opacity: 1; }
}
/* 第三種方法：使用@keyframes的百分比值 */
@keyframes myAnimation {
0% { opacity: 0; }
50% { opacity: 0.5; }
100% { opacity: 1; }
}

第一種方法需要使用animation-iteration-count屬性來指定循環次數，將其設置為“infinite”即可表示無限次循環。而第二種方法和第三種方法則需要在@keyframes中指定動畫從何開始，到何結束。其中第二種方法使用to值，而第三種方法使用百分比值來指定動畫的過程。

無論你使用哪種方法，都能讓CSS動畫在不斷的循環中為你的網頁增添活力。所以在制作動畫時，一定要記得考慮讓它們循環播放，以讓你的設計更加完美。