Parallax background image

Below is example code of apply parallax background image on section

<!-- Video section -->
<section class="video-section video-section-2 bg-glass">
	...
	<div class="full-wh bg-section bg-cover" 
		data-parallax="scroll" 
		data-image-src="images/bg14.jpg">

		<b class="full-wh"></b>
	</div>
</section>
<!-- /.video-section -->
  • Parallax background image only work with transparent background section. Apply CSS class “bg-glass” to apply background color transparent.
  • Apply data-parallax=”scroll” as display in above highlighted code line no.5
  • Apply image source in data-image-src=”images/bg.jpg” 
  • You can also apply parallax background directly on parent section instead of creating bg-section as above example code

 

Related Articles