para-speed = -1 | para-height = "50vh" | para-image="https://unsplash.it/1980/1360?image=770"
para-speed = 1 | para-height = "50vh | para-image="https://unsplash.it/1980/1360?image=770"

Performance is key

Maximize your parallax effects with hardware acceleration and no external libraries.

para-speed = [-1, -1.1, .., -2.1] (12 elements) | para-height = "40vh"
para-speed = [1, 1.1, .., 3.3] (24 elements) | para-height = "10vh"
para-speed = [-1, -1.1, .., -3.3] (24 elements) | para-height = "10" | para-height-suffix = "vh"
para-speed = [1, 1.1, .., 2.1] (12 elements) | para-height = "40vh"

Viewport-only animations

Parallax elements are only animated within the current viewport, saving enormous resources.

para-speed = 1 | para-height = "400"
para-speed = 1 | para-height = "300"
para-speed = 1 | para-height = "200"
para-speed = 1 | para-height = "100"

Dynamic sizing

Elements are dynamically sized and adjusted relative to the para-speed.

para-speed = 1 | para-height = "100vh"