/* /css/animations.css */

/*
 * GSAP 动画的初始状态定义
 * 初始时，所有动画元素都是完全透明的
 */

.gsap-fade-in,
.gsap-fade-up,
.gsap-fade-down,
.gsap-fade-right {
  opacity: 0;
}

/*
 * 为不同的 "slide" 动画定义初始的位移
 */

.gsap-fade-up {
  transform: translateY(40px); /* 从下方 40px 开始 */
}

.gsap-fade-down {
  transform: translateY(-40px); /* 从上方 40px 开始 */
}

.gsap-fade-right {
  transform: translateX(-40px); /* 从左侧 40px 开始 */
}

.gsap-zoom-in { opacity: 0; transform: scale(0.5); }