BIZLAB

AIPM

v2.7 · AI PROMPT MAKER
EFFECT PREVIEW

스크롤 속도 기울기(velocity skew)

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

스크롤 속도 기울기(velocity skew)

가벼움

빠르게 스크롤하면 요소가 살짝 기울고, 멈추면 제자리로 돌아온다. 속도가 눈에 보인다.

빠르게 스크롤할수록 카드가 더 기울어집니다

적용 대상카드·이미지·섹션 블록
트리거ScrollTrigger onUpdate → self.getVelocity()
수치·구현skewY = clamp(-12,12, velocity/-260) · gsap.quickTo(".card","skewY",{duration:.5,ease:"power3"}) · 정지 시 0 복귀
모바일±5deg 로 축소 (과하면 읽기 방해)
필요 이미지불필요

실제 페이지에서 보기 ↗