css3实现动画无限循环
在CSS3中，可以使用animation-iteration-count属性设置动画无限循环。将其值设置为infinite即可实现无限循环的动画效果。
以下是一个简单的例子，演示如何使用CSS3创建一个无限循环的动画：
/* 定义关键帧 */
@keyframes example {
from { background-color: red; }
to { background-color: yellow; }
}
/* 应用动画到元素上 */
.element {
animation-name: example; /* 使用上面定义的关键帧名称 */
animation-duration: 2s; /* 动画时长为2秒 */
animation-iteration-count: infinite; /* 动画无限循环 */
}
<div class="element">我会持续改变背景色！</div>在这个例子中，.element类将会应用一个名为example的动画，该动画会在2秒内从红色过渡到黄色，并且这个动画会无限循环。
评论已关闭