Parallax
These modular elements can be readily used and customized across pages and in different blocks.
Explore all of Stack'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>
