位移动画

gsap.to() - 这是最常见的缓动类型。一个 .to() 缓动将从元素的当前状态开始,并动画到缓动中定义的值。
gsap.fromTo() - 你定义了起始值和结束值。
gsap.from() - 类似于一个反向的 .to() ,它从缓动片段中定义的值开始动画,并结束于元素当前的状态。
sap.set() 立即设置属性(无动画)。本质上是一个零时长的 .to() 补间动画。

缓动函数

没有加缓动 bounce.out
power1.out step.out
circ.inOut back.out
缓动曲线可能是运动设计中最重要的一部分。一个精心选择的缓动曲线将为你的动画增添个性并赋予其生命力

错开函数

尝试在 GSAP 中创建错落有致的动画,你将大饱眼福——错落动画完全可以配置,而且超级强大。

控制

控制方法可以用于补间动画和时间轴,并允许你播放、暂停、反转甚至加速

时间轴

时间轴是创建易于调整、具有弹性的动画序列的关键。当您将补间动画添加到时间轴时,默认情况下它们将按添加的顺序依次播放。