animationDirection属性用于设置或返回动画方向。如果动画设置为仅放置一次，则此属性将不起作用。
句法：
- 它返回 animationDirection 属性。
object.style.animationDirection; - 它用于设置 animationDirection 属性。
object.style.animationDirection = "normal|reverse|alternate| alternate-reverse|initial|inherit"
属性值： animationDirection 属性值如下所列：
- normal：此属性向前播放动画。它是默认值。
- reverse：此动画属性反向播放动画。
- 交替：此动画属性以交替顺序向前和向后播放动画。
- 交替反转：此动画属性先向后播放动画，然后向前播放。
- initial：该属性用于将 animationDirection 属性设置为其默认值。
- 继承：该属性用于从其父元素继承 animationDirection 属性。
示例 1：
- 程序：
GeeksforGeeks
- 输出：
示例 2::
- 程序：
GeeksforGeeks
- 输出：
示例 3：
- 程序：
GeeksforGeeks
- 输出：
示例 4：
- 程序：
GeeksforGeeks
- 输出：
支持的浏览器： DOM animationDirection 属性支持的浏览器如下：
- 谷歌浏览器 43.0
- 火狐 16.0、5.0 Moz
- Safari 9.0
- 歌剧 30.0