← Back to All Demos

Parallax Layers

Scroll-driven multi-layer parallax effect.

5
Variations
2
Directions
0
Dependencies
01

Variation 01

Vertical, Intensity 1

Default vertical parallax at intensity 1.

intensity=1
direction=vertical
container_height=500
overlay_opacity=0.3
02

Variation 02

Vertical, Intensity 2

Stronger parallax at intensity 2.

intensity=2
direction=vertical
container_height=500
overlay_opacity=0.3
03

Variation 03

Horizontal Direction

Horizontal parallax scrolling.

intensity=1
direction=horizontal
container_height=500
overlay_opacity=0.3
04

Variation 04

Tall with Overlay

Tall container with heavier overlay.

intensity=1
direction=vertical
container_height=700
overlay_opacity=0.6
05

Variation 05

Low Intensity, Subtle

Minimal 0.5 intensity for subtlety.

intensity=0.5
direction=vertical
overlay_opacity=0.2

All Variations

01
Vertical Int. 1
intensity1
directionvertical
02
Vertical Int. 2
intensity2
directionvertical
03
Horizontal
directionhorizontal
intensity1
04
Tall + Overlay
container_height700
overlay_opacity0.6
05
Subtle 0.5
intensity0.5
overlay_opacity0.2