[javascript] TweenMax에서 애니메이션의 시작과 종료 모션을 어떻게 지정할 수 있나요?

TweenMax에서는 애니메이션의 시작과 종료 모션을 지정하기 위해 매개변수를 사용합니다. 시작 모션은 from 매개변수를 사용하여 지정하고, 종료 모션은 to 매개변수를 사용하여 지정합니다.

아래는 TweenMax를 사용하여 요소의 위치를 움직이는 간단한 예제입니다.

// 요소 선택
var element = document.querySelector('.element');

// TweenMax 애니메이션 설정
TweenMax.from(element, 1, { x: -100, opacity: 0 }); // 시작 모션
TweenMax.to(element, 1, { x: 100, opacity: 1 }); // 종료 모션

위의 예제에서는 from 매개변수를 사용하여 요소를 왼쪽으로 -100 픽셀만큼 이동시키고, 투명도를 0으로 설정합니다. 그리고 to 매개변수를 사용하여 요소를 오른쪽으로 100 픽셀만큼 이동시키고, 투명도를 1로 설정합니다.

이렇게 하면 요소가 애니메이션의 시작부터 종료까지 움직이게 됩니다.

더 많은 TweenMax 기능 및 사용법에 대해서는 TweenMax 공식 문서를 참조하시기 바랍니다.