Parallax Scrolling
Layered elements moving at different speeds on scroll.
Adjust the preview
Every choice updates the preview and the wording below.
Layers
Content Type
Intensity
Your prompt
Highlighted values follow your choices — click one to write your own.
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.
Paste it into Claude, Cursor, or v0 along with the context for your project.