CSS Parallax

Parallax component is based on a mixin so you must include it to use it. Check the scss tab to see the code.

Slide 1

Slide 2

Slide 3

	                <section class="slide-1">
	<div class="box-lighten">
		<h1>Slide 1</h1>
	</div>
</section>
<section class="slide-2">
	<div class="box-lighten">
		<h1>Slide 2</h1>
	</div>
</section>
<section class="slide-3">
	<div class="box-lighten">
		<h1>Slide 3</h1>
	</div>
</section>
                
	                @include parallax-slides(
		// First part of the name for each slide (slide-1, slide-2)
		'slide',

		// height of each slide separated by comma
		(300px,300px,300px,300px),

		// Url of each background image separate by comma
		(
			'../../static/img/anti-bullying-tom-froese-wallpaper-1280x800.jpg',
			'../../static/img/brock-davis-wallpaper-1280x800.jpg',
			'../../static/img/dark-igloo-wallpaper-1-1280x800.jpg',
			'../../static/img/haik-avanian-wallpaper-1280x800.jpg'
		)
);