Parallax feature: 3D effect for your images

August 25, 2022 - Yasmina Souidi

2 minutes

At the moment, the SiteW team is working particularly on improving their design tools to build a website. Indeed, we want you to have the most customization options possible, while keeping our tools simple, intuitive and handy. So that you can easily design your own web page the way you want.  This month, we offer you a brand new Parallax feature that you can use for your images and sliders.

filters animation

What is Parallax ?

Parallax consists in making the image scroll slower than the rest of the website in order to create a stunning 3D effect. This feature was already accessible for your website backgrounds. You can now use it for all your images and sliders. Go to our Demo websites to see all the Parallax possibilities.

How can I enable the Parallax feature?

You can enable the Parallax feature in just 2 clicks on the website modification page:

  • Click on your image or slider block to select it
  • Check the Parallax box in the blue panel on the left

Please note that the 3D effect will be more impressive if you have selected the Full width screen option for your image or slider.

parallax for images

How should I use the Parallax effect on my website?

You can use the Parallax feature to improve your website design. You are free to use it the way you want. Nevertheless, here are some use examples that you may find useful.

  • Parallax for your header

Parallax header

The Parallax effect can be used for your website header for example. The Parallax feature may help you give an impression of both modernity and fluidity to your website as soon as your visitors arrive at your homepage. This could even have a positive impact on your bounce rate!

  • Parallax for your Footer

Parallax footer

If you want to highlight the information contained in your footer or give it an original look. Once again, you will be able to take advantage of the parallax feature by inserting a beautiful image (in full width) with a 3D effect at the bottom of your background page.

  • Parallax as a separator

Parallax separator

Finally, you can also use the Parallax effect as a content separator for your webpage. This is an original, elegant and modern way to distinguish 2 sections or 2 paragraphs of your website.

You now know how to enable and above all how to take advantage of this new design tool. Now, just relax.. And parallax! Don’t hesitate to share your web creations with us!

Yasmina Souidi
Content Manager Junior
My passion for the Web urged me to SEO and content creation. Curious and meticulous, I work as a Content Manager Junior at SiteW. 🌱

Last update: August 25, 2022

Create a website easily

  • Immediate launch
  • Intuitive creation
  • Quick-to-react customer service

Related articles

What’s new?
The latest updates and new functionalities on our tool, after an advanced decoding with our developers.