GSAP 全称为 GreenSock Animation Platform,是 GreenSock 提供的一个制作动画的成熟的JavaScript库。该库源于Flash的动画。这也意味着GreenSock背后的团队对Web动画了如指掌,因此,你可以随心所欲的施展你的想法。
国内虽然有GSAP中文网,但是文档还是2.x版本,如果使用最新的版本(3.x),可能需要去官网了解。官方建议使用GSAP3,因为GSAP 3使用起来更容易,而且有很多改进。它向后兼容大多数GSAP 2功能,但有些部分可能需要更新才能正常工作。下面我们就先说说和GSAP2版本的区别.
版本对比
在2.x版本中,GSAP有四个模块。
TweenLite
TweenLite是GSAP的主体核心,它用于创建基本动画,是其他各类模块的基础。一般都会搭配plugins/CSSPlugin以实现DOM元素的动画。
TimelineLite
TimelineLite是一个叫做时间轴的动画容器,它用于对多个动画进行有序的组织与控制。
TimeLineMax
TimeLineMax是TimelineLite的升级版,在TimelineLite的基础之上,可以有更高级的组织与控制。
TweenMax
TweenMax是GSAP集合包,除前面3个之外,还包括plugins里的常用插件以及easing里的缓动函数补充。
而在3.x版本中,四个模块合并