TweenMax.to( target:Object, duration:Number, vars:Object ) : TweenMax
TweenMax.to(obj, 1, {x:100});
var myTween = new TweenMax(obj, 1, {x:100})
var myTween = TweenMax.to(obj, 1, {x:100});
对多个目标进行动画
TweenMax.to([obj1, obj2, obj3], 1, {x:100});
参数名 | 类型 | 是否必填 | 描述 |
---|---|---|---|
target | object | 是 | 需要动画的对象 |
duration | number | 是 | 动画持续时间,一般是秒 |
vars | object | 是 | 动画参数(CSS属性、延迟、重复次数等) |
.box {
width:50px;
height:50px;
border-radius:6px;
margin-top:4px;
}
.green{
background-color:#6fb936;
}
.orange {
background-color: #f38630;
}
.grey {
background-color: #989898;
}
var myTween = TweenMax.to(".box", 1, {
x: function(index, target) {
console.log(index, target);
return (index + 1) * 100 // 100, 200, 300
}
})
转载原创文章请注明:文章转载自:TweenMax中文网 [https://www.tweenmax.com.cn]
本文地址:https://www.tweenmax.com.cn/api/tweenmax/TweenMax.to()