CSS3 animation-direction 属性 ,CSS 参考手册 实例 先执行一遍动画,然后再反向执行一遍动画。检索或设置对象动画在循环中是否反向运动
实例
先执行一遍动画,然后再反向执行一遍动画:!DOCTYPE html>
注意:Internet Explorer 9 及其之前的版本不支持 animation-direction 属性。
浏览器支持
Internet Explorer 10、Firefox 和 Opera 支持 animation-direction 属性。
Safari 和 Chrome 支持另一个可替代该属性的属性,即 -webkit-animation-direction 属性。
注意:Internet Explorer 9 及其之前的版本不支持 animation-direction 属性。
定义和用法
animation-direction 属性定义是否循环交替反向播放动画。
注意:如果动画被设置为只播放一次,该属性将不起作用。
CSS 语法animation-direction: normal|reverse|alternate|alternate-reverse|initial|inhe
【相关推荐】
1. 分享一个监听css3动画(animation)结束事件实例
2. 必须掌握的CSS3动画(Animation)的8大属性
3. 利用animation属性实现循环间的延时执行实例教程
4. 详解css3中两种暂停方式(transition、animation)