TweenMax.js 专业动画插件

（一）前言

当我们要做网页动画时候，不管是css还是js控制，其实在复杂连续动画下，都很难保证连续和流畅性，那么，我们就需要一个能给出的简单的解决方案，正好，TweenMax.js 就能解决这件事

（二）TweenMax初探

官方文档地址
github

// 安装依赖
$ npm i gsap
// or
$ yarn add gsap

GreenSock目前提供使用的有「TweenLite」、「TweenMax」、「TimelineLite」、「TimelineMax」这四个项目

TweenMax就是GSAP的”全家桶”, 包含了TweenLite, TimelineLite, TimelineMax, CSSPlugin, AttrPlugin, RoundPropsPlugin, DirectionalRotationPlugin, BezierPlugin 和 EasePack.

我们介绍下TimelineMax使用

TweenMax.to("#obj", 0.5, {left:200});
// to 对象的操作方法
// '#obj' 指定动画
// 0.5 持续实际
// {left:200} css 属性

为了方便演示，我直接使用cdn地址

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/T