Modules / Parallax Layer Hero
Parallax Layer Hero
Four image layers and a content layer. Move your mouse, then scroll.
What you just saw
Up to six image layers at different depths.
Build a hero from up to six image layers that move at different depths as the page scrolls and follow the mouse. Your content can sit between any two layers.
Artwork: four layers made for these demos: a night sky with a ringed planet, a moon and a shooting star, then misty far, middle and near ridges with pine forests.
How to use it
Where to find it
Add the Parallax Layer Hero module, add layers, and set a depth and mouse amount for each.
Free Free plugin
Parallax Layer Hero is a Pro feature. Kinetic Modules Pro is one self-contained plugin: it already includes the free plugin, so you install Pro on its own. Not ready for Pro? The free plugin gives you the Kinetic tab, Scroll Effects and five modules.
Pro In Kinetic Modules Pro
- Up to six layers with depth and mouse amount
- Content placed between any two layers
- Smoothed motion that only runs while visible
- Flat on phones and for reduced motion
Kinetic Modules
Make your Beaver Builder sites move.
Start with the free plugin. Add Pro when a project needs the big effects.