경로 따라 이동(MotionPath)

EFFECT PREVIEW

효과 하나만 따로 떼어 보여줍니다. 실제로 움직여 보고 고르세요. 각 카드의 수치·트리거·모바일 대체가 그대로 명세서에 들어갑니다.

중간

아이콘이 정해진 곡선 경로를 따라 이동한다. 배송·시술 단계에 쓴다.

스크롤하면 마커가 경로를 따라 이동합니다

적용 대상	아이콘·마커·배달 경로
트리거	ScrollTrigger scrub
수치·구현	MotionPathPlugin · motionPath:{path:"#route", align:"#route", autoRotate:true, alignOrigin:[.5,.5]}
모바일	유지 (경로 단순화)
필요 이미지	불필요