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

Parallax on image

Parallax on element background

 

Parallax scrolling speed:

  • >100% - Image moves faster than the rest of a website
  • 100% - Image moves at the same pace as the rest of a website
  • <100% - 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 image

  1. Add an image to your website.

  2. Select an image, go to Settings panel and in "Image settings" set 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 Settings panel enter "Style", go to "Background" and next to "Image" click on the "+".


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

Parallax

15 January 2019

Back

This website has been entirely created using our web design software WebWave. We use cookies to give you the best possible experience. Read more.

FIND US ONLINE

HELP DOCS

WEBWAVE

FOR CUSTOMERS

OFFER

WEBSITE BUILDER

Click here to chat with us.

CONTACT

contact@webwave.me

PANEL WEBMASTERA

GET STARTED

Free website builder WebWave makes creating websites effortless. You can start building your website either from scratch with a blank page or, if you are looking for some inspiration, with a free template.  Web design software for free? It is easy!

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.

 

PANEL WEBMASTERA

LOG IN

GET STARTED