デモ01

TweenMax.to('#box', 0.5, { left: 300 });

「#box」を「0.5」秒かけて「left」方向に「300」px アニメーションさせる


box

デモ02
アニメーションの違い
・set
・to
・from
・fromTo

TweenMax.set('#circle1',{left: 300});
TweenMax.to('#circle2', 1.5,{left: 300, ease: Sine.easeInOut});
TweenMax.from('#circle3', 1.5, {left: 300});
TweenMax.fromTo('#circle4', 1.5,{left: 150, ease: Sine.easeInOut}, {left: 300, ease: Sine.easeInOut});


set
to
from
fromTo