在另一个动画之后开始动画(CSS/HTML)

.animation1 {
  animation-name: animation1;
  animation-duration: 1s;
  /* 其他动画属性设置 */
}

.animation2 {
  animation-name: animation2;
  animation-duration: 1s;
  animation-delay: 2s; /* 设置延迟时间为2秒 */
  /* 其他动画属性设置 */
}

.animation1 {
  animation-name: animation1;
  animation-duration: 1s;
  /* 其他动画属性设置 */
}

.animation2 {
  animation-name: animation2;
  animation-duration: 1s;
  /* 其他动画属性设置 */
}

var element = document.getElementById('element');

element.addEventListener('animationend', function() {
  // 在动画结束后添加animation2类，触发下一个动画
  element.classList.add('animation2');
});