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动画在实际应用中往往用于制作周期性动画效果，如轮播图的自动轮播、页面文本的闪烁效果等。