animation-direction

描述

该 animation-direction 属性定义动画是否应在某些或所有周期反向播放。当反向播放动画时，计时功能也会反转。例如，反向播放时，缓入动画将显示为缓出动画。

效果展示

语法

animation-direction: normal | reverse | alternate | alternate-reverse;

值

• normal 动画的所有迭代都按指定方式播放。
• reverse 动画的所有迭代都以与指定方式相反的方向播放。
• alternate 奇数的动画循环迭代以法线方向播放，偶数的动画循环迭代以相反方向播放。
• alternate-reverse 奇数的动画循环迭代以相反方向播放，偶数的动画循环迭代以正常方向播放。