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"