例
改变的animationDirection属性<div>元素：
document.getElementById("myDIV").style.animationDirection = "reverse";
试一试» 定义和用法
所述animationDirection属性设置或返回动画是否应反向播放上交替周期。
Note:如果动画设置为只播放一次，这个属性不会有任何效果。
浏览器支持
在表中的数字规定，完全支持该财产浏览器版本。
数字后面盎司指定的前缀工作的第一个版本。
| 属性 | |||||
|---|---|---|---|---|---|
| animationDirection | 43.0 | 不支持 | 16.0 5.0万盎司 | 不支持 | 30.0 |
句法
返回animationDirection属性：
object .style.animationDirection 设置animationDirection属性：
object .style.animationDirection="normal|reverse|alternate|alternate-reverse|initial|inherit"
属性值
| 值 | 描述 |
|---|---|
| normal | 默认值。 该动画应播放正常 |
| reverse | 该动画应反向播放 |
| alternate | 动画将被播放为正常每个奇数时间(1,3,5,etc..)每一个偶数时间和在反方向(2,4,6,etc...) |
| alternate-reverse | 动画将在相反的方向播放每奇数时间(1,3,5,etc..)并且在正常方向上每隔偶数时间(2,4,6,etc...) |
| initial | 将此属性设置为默认值。 阅读关于初始 |
| inherit | 继承其父元素此属性。 阅读关于继承 |
技术细节
| 默认值： | 正常 |
|---|---|
| 返回值： | 一个字符串，表示元素的动画方向属性 |
| CSS版本 | CSS3 |
相关页面
CSS参考： animation-direction property
<Style对象