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 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
- Add an image to your website.
-
Select an image, go to Settings panel and in "Image settings" set scrolling speed.
Parallax on element background
- Add to your website an element of your choice. It can be for example a text, button, rectangle etc.
- Select the element. In Settings panel enter "Style", go to "Background" and next to "Image" click on the "+".
- Add an image and set Parallax in the Settings panel.
Parallax
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
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!
