新! 我的 44 页电子书“44 分钟学会 CSS”已经出版! 😃

立即获取 →

#animation-direction

定义动画播放的方向。

默认 animation-direction: normal;

动画向前播放。当动画到达结尾时,它会从第一个关键帧重新开始。

animation-direction: reverse;

动画向后播放:从最后一个关键帧开始,在第一个关键帧结束。

animation-direction: alternate;

动画首先向前播放,然后向后播放

  • 从第一个关键帧开始
  • 在最后一个关键帧停止
  • 重新开始,但在最后一个关键帧开始
  • 在第一个关键帧停止

animation-direction: alternate-reverse;

动画首先向后播放,然后向前播放

  • 从最后一个关键帧开始
  • 在第一个关键帧停止
  • 重新开始,但在第一个关键帧开始
  • 在最后一个关键帧停止