javascript - Greensock - 更改 TweenMax 过渡的速度

Question

我刚刚开始掌握GSAP，到目前为止它真的很好。但是，有谁知道如何减慢动画速度？

JavaScript:

TweenMax.to(players, 0.5, {bottom: "-250"})

我基本上用它来将 div 向下移动并移出位置，但它的速度相当快，我想放慢速度。

Answer 1

要在不调整 duration 的情况下减慢动画速度，您还可以尝试将以下任意内容添加到 GSAP 特殊 ease 属性中。

查看 GSAP Ease Visualizer:

http://greensock.com/ease-visualizer

可用的缓动方法:

• Power0
• Power1
• Power2
• Power3
• Power4
• Back
• Elastic
• Bounce
• RoughEase
• SlowMo
• SteppedEase
• Circ
• Expo
• Sine
• Strong
• Quad
• Quart
• Quint

可用的缓动类型:

• 轻松
• 轻松
• 缓出
• 缓入输出

GSAP 轻松文档​​:

http://greensock.com/docs/#/HTML5/GSAP/Easing/

您甚至可以创建自定义函数来自定义您的缓动函数:

http://greensock.com/docs/#/HTML5/GSAP/Easing/Ease/

制作动画时，最好对 x 和 y 进行动画处理，而不是对 top、bottom、 进行动画处理右和左..在子像素级别上实现更平滑的动画。