来源:自学PHP网 时间:2018-02-08 10:48 作者: 阅读:次
[导读] animation-iteration-count属性定义CSS动画在结束前运行的次数。可以是1次或多次,也可以是无限循环。...
animation-iteration-count属性定义CSS动画在结束前运行的次数。可以是1次或多次,也可以是无限循环。
你可以为 例如,如果你为 官方语法animation-iteration-count: infinite | <number> 参数值:
例如,下面的书写格式都是正确的: animation-iteration-count: infinite; animation-iteration-count: 3; animation-iteration-count: 2.3; animation-iteration-count: 2, 0, infinite; 下面的CSS代码会将元素动画无限循环,元素在动画过程中方向会交替变换。 .element { /* ... */ animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: linear; /* ... */ } 适用范围
在线演示下面的例子中,2个元素的动画循环次数
动画的循环次数animation-iteration-count设置为无限,动画的方向设置为
动画的循环次数animation-iteration-count设置为无限,动画的方向设置为
浏览器支持完整的兼容性列表可以查看: |
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com