【CSS3】设置动画播放次数
2016-02-24 22:34
465 查看
animation-iteration-count属性主要用来定义动画的播放次数。
语法规则:
1、其值通常为整数,但也可以使用带有小数的数字,其默认值为1,这意味着动画将从开始到结束只播放一次。
2、如果取值为
举例:
通过animation-iteration-count属性让动画move只播放5次,代码设置为:
注意:Chrome或Safari浏览器,需要加入-webkit-前缀!
语法规则:
animation-iteration-count: infinite | <number> [, infinite | <number>]*
1、其值通常为整数,但也可以使用带有小数的数字,其默认值为1,这意味着动画将从开始到结束只播放一次。
2、如果取值为
infinite,动画将会无限次的播放。
举例:
通过animation-iteration-count属性让动画move只播放5次,代码设置为:
animation-iteration-count:5;
注意:Chrome或Safari浏览器,需要加入-webkit-前缀!
相关文章推荐
- 【CSS3】设置动画开始播放的时间
- 【CSS3】设置动画播放方式
- 【CSS3】设置动画播放方式
- 【CSS3】设置动画播放时间
- 【CSS3】调用动画
- 2016/2/24 1,css有几种引入方式 2,div除了可以声明id来控制,还可以声明什么控制? 3,如何让2个div,并排显示。4,清除浮动 clear:left / right / both
- 【CSS3】Keyframes介绍
- CSS Sprite(CSS贴图)
- css3box-flex属性
- 【CSS3】动画--过渡延迟时间 transition-delay
- 【CSS3】动画--过渡函数 transition-timing-function
- 【CSS3】动画--过渡所需时间 transition-duration
- 【CSS3】动画--过渡属性 transition-property
- 【CSS3】变形--原点 transform-origin
- 【CSS3】matrix
- 对 clear:both 这个样式的一些理解
- HTML CSS 特殊字符表
- Css弹出菜单样式
- 纯css实现垂直导航栏
- css 浮动方式实现水平导航栏