新! 我的 44 页电子书“44 分钟学会 CSS”已经出版! 😃
#animation-direction
定义动画播放的方向。
默认
animation-direction: normal;
动画向前播放。当动画到达结尾时,它会从第一个关键帧重新开始。
animation-direction: reverse;
动画向后播放:从最后一个关键帧开始,在第一个关键帧结束。
animation-direction: alternate;
动画首先向前播放,然后向后播放
- 从第一个关键帧开始
- 在最后一个关键帧停止
- 重新开始,但在最后一个关键帧开始
- 在第一个关键帧停止
animation-direction: alternate-reverse;
动画首先向后播放,然后向前播放
- 从最后一个关键帧开始
- 在第一个关键帧停止
- 重新开始,但在第一个关键帧开始
- 在最后一个关键帧停止