Parallax
These modular elements can be readily used and customized across pages and in different blocks.
Explore all of Lapus's modular elements
at the
Element Index Page →
Parallax Backgrounds
The parallax background effect is achieved by placing the class .parallax on a <section> that contains a .background-image-holder child.
<section class="imagebg parallax"> <div class="background-image-holder"> <img alt="background" src="img.jpg" /> </div> <div class="container"> <div class="row"> content </div><!--end of row--> </div><!--end of container--> </section>
