/* 1. 定义 bounceIn 动画的初始状态（动画开始前） */
[data-aos="my-bounceIn"] {
  opacity: 0;
}

/* 2. 定义 bounceIn 动画的结束状态（AOS 触发后加上 .aos-animate 类） */
[data-aos="my-bounceIn"].aos-animate {
  opacity: 1;
  animation: bounceIn 1s forwards;
}



/* 1. 定义 bounceIn 动画的初始状态（动画开始前） */
[data-aos="my-rotateIn"] {
  opacity: 0;
}

/* 2. 定义 bounceIn 动画的结束状态（AOS 触发后加上 .aos-animate 类） */
[data-aos="my-rotateIn"].aos-animate {
  opacity: 1;
  animation: rotateIn 1s forwards;
}



[data-aos="my-bounceInLeft"] {
  opacity: 0;
}

/* 2. 定义 bounceIn 动画的结束状态（AOS 触发后加上 .aos-animate 类） */
[data-aos="my-bounceInLeft"].aos-animate {
  opacity: 1;
  animation: bounceInLeft 1s forwards;
}


[data-aos="my-flash"] {
  opacity: 0;
}

/* 2. 定义 bounceIn 动画的结束状态（AOS 触发后加上 .aos-animate 类） */
[data-aos="my-flash"].aos-animate {
  opacity: 1;
  animation: flash 1s forwards;
}



[data-aos="my-heartBeat"] {
  opacity: 0;
}

/* 2. 定义 bounceIn 动画的结束状态（AOS 触发后加上 .aos-animate 类） */
[data-aos="my-heartBeat"].aos-animate {
  opacity: 1;
  animation: heartBeat 1s forwards;
}



[data-aos="my-wobble"] {
  opacity: 0;
}

/* 2. 定义 bounceIn 动画的结束状态（AOS 触发后加上 .aos-animate 类） */
[data-aos="my-wobble"].aos-animate {
  opacity: 1;
  animation: wobble 1s forwards;
}



[data-aos="my-rollIn"] {
  opacity: 0;
}

/* 2. 定义 bounceIn 动画的结束状态（AOS 触发后加上 .aos-animate 类） */
[data-aos="my-rollIn"].aos-animate {
  opacity: 1;
  animation: rollIn 1s forwards;
}



[data-aos="my-zoomInDown"] {
  opacity: 0;
}

/* 2. 定义 bounceIn 动画的结束状态（AOS 触发后加上 .aos-animate 类） */
[data-aos="my-zoomInDown"].aos-animate {
  opacity: 1;
  animation: zoomInDown 1s forwards;
}