用途:这是 GSAP 动画的参考文档,面向 HyperFrames 场景,用于编写补间动画与时间线序列。
主要能力:核心补间方法包括 gsap.to(targets, vars)(从当前状态动画到 vars)、gsap.from()(入场)、gsap.fromTo()(显式起止)、gsap.set()(立即应用)。属性名用 camelCase。常用 vars 有 duration、delay、ease、stagger、overwrite、repeat、yoyo 及 onComplete/onStart/onUpdate 回调。变换与 CSS 方面提供 x/y/z、xPercent/yPercent、scale、rotation、skewX/skewY、transformOrigin 等别名,推荐 autoAlpha 替代 opacity,支持 CSS 变量、svgOrigin、方向性旋转与 clearProps。支持函数式取值、内置缓动(power1–4、back、bounce、circ、elastic、expo、sine,各含 .in/.out/.inOut)、gsap.defaults() 全局默认值、补间控制(pause/play/reverse/kill/progress/time)、gsap.matchMedia() 响应式与无障碍适配。时间线支持 defaults、位置参数(绝对、相对、标签、<、>、<0.2)、addLabel、嵌套、播放控制。性能上建议优先动画 transform 与 opacity、使用 will-change、gsap.quickTo() 处理高频更新、用 stagger 替代多个补间,并及时清理。
使用方式:按文档示例调用上述 API;参考资料 references/effects.md 提供打字机文字、音频可视化等现成效果,按需加载。
适用场景:HyperFrames 中的网页动画、入场效果、序列编排与响应式动效。
限制:文档未提供安装命令、版本、收费或平台信息,暂未提供。