What it does
Repeats a slow y-axis offset to suggest depth.
FAQ
Where do I import it from?
Import from `@zentauri-ui/zentauri-components/animations/parallax`.
Animations
Parallax animation
Use Parallax for subtle layered movement in cards and hero details.
Scroll scene
Layered content
Foreground
Faster layer
Midground
Offset layer
Background
Slow layer
Parallax
A motion wrapper for layered scrolling scenes.
Scroll scene
Layered content
Foreground
Faster layer
Midground
Offset layer
Background
Slow layer
Example 1
Scroll scene
Scroll scene
Layered content
Foreground
Faster layer
Midground
Offset layer
Background
Slow layer
Example 2
Scroll scene
Scroll scene
Layered content
Foreground
Faster layer
Midground
Offset layer
Background
Slow layer
Example 3
Scroll scene
Scroll scene
Layered content
Foreground
Faster layer
Midground
Offset layer
Background
Slow layer
Parallax
A scrolling scene using the parallax preset.
Viewport trigger
Parallax
Starts when the preview enters the viewport.
Override values
Scroll scene
Layered content
Foreground
Faster layer
Midground
Offset layer
Background
Slow layer
Custom parallax
Adjust preset targets with props.