TweenMax（一）基础语法

偶然发现一个很强大打的动画库，果断了解一下。

先给文件链接。

1.简单示例

执行代码会发现元素的宽度从100到200,动画时间是2秒；

2.再来个多属性运动

上面代码中的参数XY指的是元素的偏移量相当于定位中的left和top。但是xy最后渲染出来是用translate偏移来完成的。这样写的好处是，用translate渲染的元素不会刷新DOM而用left和top定位的元素会更新DOM。所以如果有偏移量动画的需求尽量用X,Y代替。

3.动画的执行方式

ease参数 有以下可选属性

/*
         *动画种类
         * Linear  线性变化(匀速运动)
         * Back    返回变化
         * Bounce  弹跳动画
         * Circ    圆形变化
         * Cubic   立方体变化
         * Elastic 橡皮圈变化
         * Expo    爆炸变化
         * Quad
         * Quint 
         * Sine
         * 
         * */

4.多个元素同时运动

5.动画中的战斗机贝塞尔曲线 先看一张图（有点糙不过这个不是重点）

 

 

 

  

 

 

 

 

下面上代码

6.事件

7.3D动画

其实这个很简单加一个属性就OK

暂时更这么多。后续会更新一些TweenMax开发的动画。