css如何实现多个动画顺序播放

.arrow_down {
  animation: fadeIn,move_down alternate;
  animation-duration: 1s,1.2s;
  animation-timing-function:linear,linear;
  animation-iteration-count: 1, infinite;
  animation-delay: 2s,3s;
}

对于两个动画,可参照上段代码实现两个动画连续播放

关键在于下一个动画的delay值 = 上一个动画播放后的delay值 + 上一个动画播放的持续时长

多个动画按照这个以此类推

猜你喜欢

转载自blog.csdn.net/qq_33859479/article/details/130510578