CSS自定義動畫是一種可以在網頁中實現動效的技術。通過定義關鍵幀和動畫屬性，可以讓元素在不同時間點呈現不同狀態。要實現動畫的循環播放，可以使用animation-iteration-count屬性。

首先，定義動畫關鍵幀，例如：

@keyframes myAnimation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}

以上代碼定義了一個名為"myAnimation"的動畫，從0%到100%的時間內，元素繞自身旋轉360度。

接下來，將動畫應用到元素上：

.myElement {
animation-name: myAnimation;
animation-duration: 2s;
animation-iteration-count: infinite;
}

以上代碼將名為"myAnimation"的動畫應用到類名為"myElement"的元素上，動畫的持續時間為2秒，循環播放無限次。

需要注意的是，animation-iteration-count屬性接受的值可以是數字、關鍵詞"infinite"和"alternate"。"infinite"表示無限循環，數字表示循環次數，"alternate"表示往返循環（即正向播放完后反向播放）。

如果需要讓循環播放的動畫有更多的變化，可以在關鍵幀中定義更多狀態，通過調整動畫的持續時間和循環次數，也可以實現不同的效果。