easing.md

缓动曲线

TweenMax提供了下面这些运动曲线：

1、Back 2、SlowMo 3、StppedEase 4、RoughEase 5、Bounce 6、Circ 7、Elastic 8、Expo 9、Sine

具体曲线运动效果，可以去这个地址看看：

下面给动画添加一个bounce曲线，看看实际效果(点击右下角的return按钮查看效果)：

TweenLite.fromTo($box, 2, {x: '-=200px'}, {x: 150, ease: Bounce.easeOut});

See the Pen JRQoNv by janily (@janily) on CodePen.

<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script>

可以看到，加了曲线之后，动画有了弹动的效果。

在实际开发中，开发动画效果都会在动画过程中做一些其它的操作，这个时候就要用到回调函数了。TweenMax提供了在动画各个阶段的回调方法，使用起来非常方便。

关于动画回调的相关方法请看下一章节。