Mouse Parallax

Multi-layer parallax that follows mouse movement.

5
Variations
3
Layers
0
Dependencies
01

Variation 01

Default Depths

Standard depths 20/40/60 with smoothing.

bg_depth=20
mid_depth=40
fg_depth=60
smoothing=0.5
02

Variation 02

Subtle Depths

Reduced depths 10/20/30 for subtle motion.

bg_depth=10
mid_depth=20
fg_depth=30
smoothing=0.5
03

Variation 03

Extreme Depths

Exaggerated 30/60/90 for dramatic effect.

bg_depth=30
mid_depth=60
fg_depth=90
smoothing=0.5
04

Variation 04

Tall Container

Increased 700px container height.

container_height=700
bg_depth=20
mid_depth=40
fg_depth=60
05

Variation 05

No Smoothing

Instant response with smoothing at 0.

smoothing=0
bg_depth=20
mid_depth=40
fg_depth=60

All Variations

01
Default 20/40/60
bg_depth20
mid_depth40
fg_depth60
02
Subtle 10/20/30
bg_depth10
mid_depth20
fg_depth30
03
Extreme 30/60/90
bg_depth30
mid_depth60
fg_depth90
04
Tall Container
container_height700
05
No Smoothing
smoothing0