来源:自学PHP网 时间:2018-02-08 10:48 作者: 阅读:次
[导读] animation-direction CSS属性指示动画是否反向播放,它通常在简写属性animation中设置。...
animation-direction CSS属性指示动画是否反向播放,它通常在简写属性中设置。 你可以为 例如,如果你提供了2个
官方语法animation-direction: normal | reverse | alternate | alternate-reverse 参数值:
注意,迭代周期的计数从1开始计算。 下面的写法都是正确的: animation-direction: normal animation-direction: reverse animation-direction: alternate animation-direction: alternate-reverse animation-direction: normal, reverse animation-direction: alternate, reverse, normal 例如,下面的代码设置一个元素的动画方向为 .element-2 { /* 其它的动画属性... */ animation-iteration-count: infinite; animation-direction: alternate; /* ... */ } 适用范围
在线演示下面的例子分别演示了
1、动画的迭代次数设置为无限循环,
2、动画的迭代次数设置为无限循环,
3、动画的迭代次数设置为无限循环,
4、动画的迭代次数设置为无限循环,
浏览器支持完整的兼容性列表可以查看: |
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com