[javascript] TweenMax에서 동시에 여러 개체를 애니메이션화할 수 있나요?
아래는 사용 예시입니다:
// HTML에서 여러 개체를 선택합니다.
const elements = document.querySelectorAll('.box');
// 개체를 애니메이션화합니다.
TweenMax.staggerTo(elements, 1, { opacity: 0, y: 100, scaleX: 0 }, 0.2);
위의 코드는 .box 클래스를 가진 여러 개체를 선택하여, 1초 동안 투명도와 y축 위치, 크기를 변경하여 애니메이션화합니다. staggerTo() 메서드의 마지막 매개변수는 애니메이션 간의 시간 간격을 조절하며, 여기서는 0.2초로 설정되어 있습니다.
더 자세한 내용은 TweenMax 공식 문서를 참조하시기 바랍니다.