Blocks/Containers - How to Add Parallax Effect

Use the "scrolling" effect of Parallax to add movement to your pages

ShinePages Support

Last Update 2 jaar geleden

Parallax scrolling is a web design technique in which the website background moves at a slower pace than the foreground. It make the words or widgets "on top" of the background image appear to "scroll over" an image - or it makes it look as though a "window" or slice of your site is scrolling over an image in the background.  See a quick example below:  


To add a parallax effect to a block or container, click on the Block button when you are on top of a block on your site. That will open the settings of the whole block. You can select an image for the background and click on the checkbox "Parallax Effect". That will enable the parallax for that image and block.



You also have an option for the Parallax Speed and Image Description for SEO purposes.


Watch the video below for a deeper dive into Parallax and to understand how Block size, Image Orientation and the Block's settings for width and height can impact the Parallax effect on Desktop, Tablet and Mobile: 

Was this article helpful?

0 out of 0 liked this article

Still need help? Message Us