什么是CSS動畫？CSS動畫是一種通過CSS屬性和值來定義元素動畫的方式。在CSS3中，添加了一些新的動畫屬性，使得開發者可以更加容易地實現各種動畫效果。

CSS動畫可以使用關鍵幀動畫和過渡，其中關鍵幀動畫可以在動畫中指定每一幀的屬性值，而過渡則是在元素從一種狀態到另一種狀態之間產生平滑過渡。

在實際開發中，有時候需要讓動畫重復播放，這時候可以使用animation-iteration-count屬性。默認情況下，它的值為1，表示動畫只播放一次，可以將這個值設置為無限（infinite），表示動畫將一直播放下去：

.box {
animation-name: myAnimation;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-direction: alternate;
 }
@keyframes myAnimation {
from {
width: 100px;
}
to {
width: 200px;
}
 }

上面的代碼中，animation-iteration-count被設置為無限（infinite），因此動畫將不斷重復播放，直到頁面關閉或者元素被移除。此外，還可以使用animation-duration和animation-delay屬性來控制動畫每個循環的持續時間和開始時間。

需要注意的是，如果同時使用animation-iteration-count和animation-direction屬性，則可以控制動畫的播放方向。默認情況下，direction屬性為normal，表示動畫按照原來的順序播放。可以將其設置為alternate，表示動畫先按照正向播放，然后按照反向播放，交替進行。

通過animation-iteration-count屬性，我們可以輕松地實現CSS動畫的重復播放功能，從而達到更加生動、豐富的頁面效果。