How to Make a Slow Parallax Effect in Elementor | WpBuilt 1350205422971493323
How to Make a Slow Parallax Effect in Elementor

How to Make a Slow Parallax Effect in Elementor

In this tutorial, I’ll be showing how to create a slow parallax effect (hence the title of this tutorial post) without using any code, solely made in Elementor. You should be able to do something like afterward:

How to Make a Slow Parallax Effect in Elementor7

Now, let’s begin!

Step 1: First, create a section.

How to Create Icon Only Buttons5

Step 2: Then, add your desired column. For the sake of this tutorial, I will choose a two-column structure.

Overlap_Images_in_Elementor4

Step 3: From the widget panel, drag the image widget to the column.

How to Make a Slow Parallax Effect in Elementor9

Step 4: Choose the image that you want to add from the media library. Just click the Choose Image button on the image widget.

How to Make a Slow Parallax Effect in Elementor6

Step 5: I will choose a wine splash image so you will notice the image movement while scrolling.

How to Make a Slow Parallax Effect in Elementor5

Step 6: Now let’s add some background image! You can do this via the parent column of the image widget.

How to Make a Slow Parallax Effect in Elementor4

Step 7: After adding a background to the parent column, click on the image widget and go to the advanced tab and then click on the Motion Effects and turn on the Scrolling effects.

How to Make a Slow Parallax Effect in Elementor8

Step 8: In this case I will choose the vertical scroll, There are direction options it’s up to you what will you choose either up or down. Then you can also set the scroll speed and the viewport from top to bottom or opposite.

How to Make a Slow Parallax Effect in Elementor2

And now we’re done!

How to Make a Slow Parallax Effect in Elementor7

Thanks for Reaching This Far! 🙂

I hope we were able to help you with this tutorial! You can also try to install the Elementor Pro Version and get access to more Elementor templates for free!

Get Elementor Pro Now

If you have more concerns or have encountered other issues, let us know in the comments section!

Leave a Reply

×
×

Cart