CSS3的transition動畫功能可以實現在元素屬性改變時平滑的過渡動畫效果。其中transition有一個循環的效果，可以不斷的循環播放。

.box {
width: 100px;
height: 100px;
background-color: #ccc;
transition: width 1s ease-in-out infinite;
}
.box:hover {
width: 200px;
}

在上面的代碼中，我們給.box的transition屬性添加了一個infinite參數，表示無限次的循環播放動畫。同時，也需要給.box:hover添加一個width屬性，來作為transition播放的觸發條件。

當鼠標移到.box元素上時，.box元素的寬度會從100px逐漸變為200px，變化過程中會有1秒鐘的緩沖，然后又從200px逐漸變回100px，如此反復無常，直到鼠標移開為止。

值得注意的是，infinite參數不能與其他時間參數（如1s、2s等）同時使用，需要單獨在transition屬性中獨立設置。

循環的transition動畫在實際應用中往往用于制作周期性動畫效果，如輪播圖的自動輪播、頁面文本的閃爍效果等。