Greensock - 改变速度到TweenMax转换

时间:2015-08-20 11:00:33

标签: javascript greensock tweenmax gsap

我正在接触 GSAP ,到目前为止,它非常好。但是,有没有人知道如何减慢动画的速度呢?

JavaScript的:

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

我基本上使用它来移动div向下移动位置,但它的速度相当快,我想减速它。

1 个答案:

答案 0 :(得分:1)

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

查看GSAP Ease Visualizer:

http://greensock.com/ease-visualizer

可用的简易方法:

可用的易用类型:

  • 容易
  • easeIn
  • easeOut
  • easeInOut

GSAP easy Docs:

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

您甚至可以创建自定义功能来自定义缓动功能:

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

制作动画时,最好为xytopbottomrightleft设置动画。在子像素级别上更流畅的动画。