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

html-css024

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

/*无限次播放*/