Parallax Scrolling

AnimationsLive Preview

Layered elements moving at different speeds on scroll.

Customize Preview

Select options to update the live preview, or edit the prompt directly below.

Layers

Content Type

Intensity

Your Prompt

abcclick to edit

Create a parallax scrolling effect with 3 layers moving at different rates. The content uses text overlaying images with moderate depth perception. Use CSS transform: translateY with scroll event calculations. Make it smooth and performant.