共计 757 个字符，预计需要花费 2 分钟才能阅读完成。
css animation-direction 定义和用法
animation-direction 属性定义是否循环交替反向播放 动画。
注意：如果动画被设置为只播放一次，该属性将不起作用。
| 默认值： | normal |
|---|---|
| 继承： | 否 |
| 可动画化： | 否。请参阅 可动画化（animatable）。 |
| 版本： | CSS3 |
| JavaScript 语法： | object.style.animationDirection="reverse"尝试一下 |
css animation-direction 语法
animation-direction: normal|reverse|alternate|alternate-reverse|initial|inherit;
css animation-direction 属性值
| 值 | 描述 |
|---|---|
| initial | 修改所有元素属性或父元素的值为其初始化值 |
| inherit | 修改所有元素属性或父元素的值为其父元素的值 |
| unset | 修改所有元素属性或父元素的值为其父元素的值 (如果有继承) 或其初始值 |
css animation-direction 浏览器支持
Internet Explorer 10、Firefox 和 Opera 支持 animation-direction 属性。
Safari 和 Chrome 支持另一个可替代该属性的属性，即 -webkit-animation-direction 属性。
注意：Internet Explorer 9 及其之前的版本不支持 animation-direction 属性。
css animation-direction 实例
先执行一遍动画，然后再反向执行一遍动画：
animation-direction:alternate;
-webkit-animation-direction:alternate; /* Safari 和 Chrome */
正文完