css3 实现动画效果，怎样使他无限循环动下去？

html-css015

css3 实现动画效果，怎样使他无限循环动下去？,第1张

添加属性 animation-iteration-count: infinite记得加浏览器前缀,或者animation简写方式里添加 infinite, 例如animation: keyframe 1s linear infinite

div {

    animation:mymove 5s infinite

    -webkit-animation:mymove 5s infinite 

}

infinite：规定动画应该无限次播放。

关于CSS3的属性，建议你可以去看看HTML5学堂，里面有相关的案例分析与讲解。

动画中有animation-iteration-count这个属性，这个是规定播放的次数。这个属性有2个参数：1、如果是数字的话那就是播放几次后停止。2、infinite这个是无限次播放。

animation-iteration-count:3

-webkit-animation-iteration-count:3

/*循环播放3次*/

animation-iteration-count:infinite

-webkit-animation-iteration-count:infinite

/*无限次播放*/