[Js] 트윈맥스(TweenMax.js)

.to( )

트윈맥스에서 가장 기본적으로 사용하는 것은 TweenMax.to( )입니다.

animate( )와 비슷하다고 생각하시면 됩니다.

TweenMax.to(taget, duration, {vars});

- to : target에 적용된 값의 위치로 모션 이동

- target : 대상(인자)

- duration : 지속시간(몇초동안)

- vars : 대상에 부여할 키 값

 

 

See the Pen TweenMax.to()

 

.from( )

 .to( )와 반대로 생각하시면 됩니다.

 

.staggerFrom( )

staggerFrom은 target(대상)이 배열 속성으로, 시작 시간을 지정된 시간만큼 엇갈리게 작동하게 하여

균일하게  띄울때 유용합니다.

 

TweenMax.to(target(Array), duration, {vars}, 대상간에 간격시간);

 

See the Pen TweenMax.from()

yoyo 원래대로 되돌리기

yoyo를 사용하기 위해서는 repeat가 반드시 필요합니다.

 

 

 

See the Pen 2. TweenMax.from() by qorfh (@choihaneul) on CodePen.