GSAP 缓动(easing)用于控制动画随时间推进的速度曲线。资料列出了多种内置缓动:基础 power 系列(none、power1 至 power4)、方向修饰(in、out、inOut)、back(含超出量参数)、elastic(振幅与周期)、bounce、expo、circ、sine,以及离散的 steps。用法是在 gsap.to/from 的 ease 属性中传入缓动名称,例如 ease: 'power2.out' 或 ease: 'back.out(1.7)'。通过 EasePack 插件可使用 slow、rough、expoScale,需先 import 并 gsap.registerPlugin(EasePack)。CustomEase、CustomWiggle、CustomBounce 均已包含,可分别用 CustomEase.create 从 SVG 路径或点集创建自定义曲线、创建抖动与弹跳缓动。时间线支持每个补间单独设置 ease、defaults 默认缓动以及 keyframes 中的 easeEach。资料还提供按用途与按属性的缓动选择建议、性能注意事项(复杂缓动开销更大,可缓存 gsap.parseEase)、常见错误与最佳实践、以及缓动可视化调试方法。限制:资料未说明各功能的收费、价格、平台或效果保证。
gsap-easing
设计与创作
更新于 10-16 00:30