/**
 * GSAP 动画初始状态样式
 * 用于设置元素的初始位置，以便通过 GSAP 进行动画
 */

/* 从左到右动画的初始状态 */
.gsap-slide-in-left {
  opacity: 0;
  transform: translateX(-100px);
}

/* 从下到上动画的初始状态 */
.gsap-slide-in-bottom {
  opacity: 0;
  transform: translateY(100px);
}

/* 从右到左动画的初始状态 */
.gsap-slide-in-right {
  opacity: 0;
  transform: translateX(100px);
}

/* 从上到下动画的初始状态 */
.gsap-slide-in-top {
  opacity: 0;
  transform: translateY(-100px);
}

/* 淡入动画的初始状态 */
.gsap-fade-in {
  opacity: 0;
}

/* 缩放淡入动画的初始状态 */
.gsap-scale-in {
  opacity: 0;
  transform: scale(0.8);
}