详细介绍CSS3中animation-direction属性

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）

위 내용은 详细介绍CSS3中animation-direction属性의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!