js
gsap.timeline
gsap 은 특정요소(scrollTrigger 에서 정한 영역)에 애니메이션을 연결하여 해당 요소가 뷰포트에 있을 때만 재생되도록 한다.
시간에 배치하는 트윈용 컨테이너로 타임라인 재생헤드가 이동함에 따라 하위 트윈을 스크럽하고 그에 따라 렌더링
현재상태에서 시작하여 정의된 값으로 애니메이션 적용
정의된 값에서 애니메이션을 시작해서 현재 상태에서 끝남
시작과 종료값이 정의된 애니메이션