Build amazing sites with this great collection of componentsBuy Now

Parallax

Scroll differently

Parallax is an effect where the background content or image in this case, is moved at a different speed than the foreground content while scrolling. This creates an illusion of depth.

Hit the Preview on.. button and start scrolling the page to get a better idea of it.

To change the images please select them on the Elements pane. Since the .parallax-containers have a negative z-index to help create the effect you can't click on them... The best approach is to click on an element just above the image and the scroll down in the Elements Tree to select and edit them. 


Placeholder Picture

Parallax !

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et metus.

Heading Level 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et metus.

Heading Level 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et metus.

Heading Level 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et metus.

Heading Level 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et metus.

Placeholder Picture

More Parallax !

Parallax images have a height of 500px by default. To change that select the .parallax-container and add a class that specifies a different height. This has been done for the container above (more height) and below (less height) this section.

By something!
Placeholder Picture

There is some copyright thingy going here too. Feel free to do whatever you want with it after purchase [except resell without significant modification].