Parallax effect makes a picture scroll itself vertically and asymmetrically in respect to the rest of a website creating a 3D effect. In WebWave - web design software with no coding- parallax effect can be used for any image and element. In this article you will learn how to build a website with parallax effect.

 

Parallax on an image

Parallax on element background

 

Parallax scrolling speed:

  • >100% - an Image moves faster than the rest of a website
  • 100% - an Image moves at the same pace as the rest of a website
  • <100% - an Image moves slower than the rest of a website

 

Different scrolling speeds give different effects. Try them all and select the one that suits your website best.

 

 

Parallax on an image

  1. Add an image to your website.

  2. Select an image, go to the Settings panel and in "Image settings" turn on Parallax effect and adjust scrolling speed.

     

 

 

Parallax on element background

  1. Add to your website an element of your choice. It can be for example a text, button, rectangle etc.
     
  2. Select the element. In the Settings panel go to "Background settings" and next to  the "Background image" field click on the switch.


     
  3. Add an image and set Parallax in the Settings panel.

Parallax

15 January 2019

Didn't find a solution to your problem? Contact us on live online chat or ask on Facebook group.

 

Missing any feature? Share your ideas with us.

 

Webmaster's panel

Sign up

Log in

Our free Website Builder lets you create amazing websites effortlessly. You can build your website from scratch, start with a blank page or choose various templates from our free collection and modify it according to your needs. With WebWave you have a free design software at your fingertips.

Find us online

Website builder.

Offerings. 

Help docs. 

Company.

 Back