Reference index / 스크롤·드래그·입력 연동
Parallax
Moving different elements at different speeds to create a sense of depth.
Try the example
When to use it
Depth between background and foreground.
Caveats and distinctions
Scroll-triggered and scroll-driven animation are different. Avoid excessive input hijacking or making essential navigation depend on motion.
Implementation and classification
UI·UX 모션 / 스크롤·드래그·입력 연동
Sources and verification status
https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Scroll-driven_animations
Source scope and verification status describe the existing catalog record. Publishing this page does not independently re-verify the latest library version, license, or production behavior.