如何循环播放CSS3过渡？

CSS仅从一组样式过渡到另一组样式。您正在寻找的是CSS动画。

您需要定义动画关键帧并将其应用于元素：

@keyframes changewidth {  from {    width: 100px;  }  to {    width: 300px;  }}div {  animation-duration: 0.1s;  animation-name: changewidth;  animation-iteration-count: infinite;  animation-direction: alternate;}

请查看上面的链接，以了解如何根据自己的喜好对其进行自定义，然后您必须添加浏览器前缀。