GSAP中文文档 - Easing

额外的俱乐部版缓动（Easing）

"slow"、"rough" 和 "expoScale" 缓动并不包含在核心库中 - 它们被打包在一个EasePack文件中，以最小化文件大小。"CustomEase"、"CustomBounce" 和 "CustomWiggle" 也是独立打包的（不在核心库中）。

查看安装页面以获取详细信息。

动画效果待补充....

提示 - 默认缓动

GSAP使用默认的缓动效果为 "power1.out"。你可以通过为特定补间动画（tween）设置其ease属性为另一个（有效的）缓动值来覆盖这个默认值。你也可以使用gsap.defaults()来为GSAP设置不同的默认缓动效果。此外，你还可以为特定的时间轴设置默认值。

javascript

gsap.defaults({
  ease: 'power2.in',
  duration: 1,
})

gsap.timeline({ defaults: { ease: 'power2.in' } })

如何使用缓动可视化工具

要使用缓动可视化工具，只需点击您想要使用的缓动名称。您也可以点击下划线的文本来更改缓动的值和类型。使用左侧菜单中的导航链接，以获取有关复杂缓动的更多信息。

非常感谢Carl提供这个视频。我们强烈推荐他们在CreativeCodingClub.com提供的全面的GSAP培训。今天立即报名参加他们的免费GSAP课程，发现用代码制作动画的乐趣。