README.md
874 Bytes
GSAP\TimelineMax
创建一个新的动画
var tl = new TimelineMax({
delay: 1, // 延迟几秒开始
repeat: 0, // 重复几次 -1: 无限循环
repeatDelay: 1, // 执行完整个时间轴一次之后，延迟几秒执行下一次
onUpdate: updateStats, // 当时间轴更新时候
onRepeat: updateReps, // 当重复的时候
onComplete: restart // 完成之后
});
tl.form(element, duration, {optity: 0}).to(element, duration, {optity: 1})GSAP对应CSS属性
| CSS | GSAP |
|---|---|
| translateX() | x |
| translateY() | Y |
| translateZ() | z |
| rotate() | rotation |
| rotateY() | rotationY |
| rotateX() | rotationX |
| scaleX() | scaleX |
| scaleY() | scaleY |
| skewX() | skewX |
| skewY() | skewY |
| transform-origin() | transformOrigin |
| optity | opacity |