How To Add Parallax Effect In Elementor – Part 2

How To Add Parallax Effect In Elementor

How To Add Parallax Effect In Elementor – Part 2

How to add Parallax effect in Elementor? In part one I already showed you five ways to add parallax to Elementor when you don’t have Elementor Pro.

But today I’m going to show you the amazing parallax possibilities that come with Elementor Pro!

DISCLAIMER: I often review / link to products & services that I love and think you may find of interest. When you purchase a product/service through one of my link, I receive a commission, which helps me producing free content (you don’t pay anything extra!).

How To Add Parallax Effect In Elementor

Hello, I’m your host Kaycinho, I’m a digital alchemist, and today I’m going to show you how to add beautiful parallax and motion effects with the power of Elementor Pro.

As mentioned in the intro, in part one, I showed you five ways to add parallax to the free version of Elementor.

One of these five ways was completely free, copying and pasting code, while the other four ways were using third party premium addons for Elementor.

So with that done, today I want to focus on the amazing capabilities of Elementor Pro.

And if you’ve watched part one you will appreciate even more the ease of use of Elementor Pro’s built in amazing motion effects.

I love the fact that you can implement those effects without the need of additional plugins because, while some of these plugins are great, others can be buggy at times.

So, enough talk, let’s dive in!

How To Add Parallax Effect In Elementor: Tutorial

How To Add Parallax Effect In Elementor: Tutorial

For the complete and thorough tutorial I advise you to watch the video tutorial (above on this page) or directly on Youtube.

However, in case you need a quick reference, here it is summarized:

How To Add Parallax Effect In Elementor: Background Parallax

How To Add Parallax Effect In Elementor: Background Parallax

  1. Open your page with Elementor Pro
  2. For section background : go to the Style tab, then switch on Scrolling Effects
  3. Then, to add transparency, activate the Transparency option and tweak the settings to your liking.
  4. Then, to add blur, activate the Blur option and tweak the settings to your liking.
  5. Then, to rotate an object, activate the Rotate option and tweak the settings to your liking.
  6. Then, to add scale, activate the Scale option and tweak the settings to your liking.
  7. For mouse effects
  8. Mouse parallax
  9. Mouse Tilt

How To Add Parallax Effect In Elementor: Item Parallax

How To Add Parallax Effect In Elementor: Item Parallax

  1. Open your page with Elementor Pro
  2. To add parallax to an element like an image for example : go to the Advanced tab > Motion Effects, then switch on Scrolling Effects
  3. Then, to add transparency, activate the Transparency option and tweak the settings to your liking.
  4. Then, to add blur, activate the Blur option and tweak the settings to your liking.
  5. Then, to rotate an object, activate the Rotate option and tweak the settings to your liking.
  6. Then, to add scale, activate the Scale option and tweak the settings to your liking.
  7. For mouse effects, switch on Mouse Effects.
  8. Then to add mouse parallax, activate the mouse parallax option and tweak the settings to your liking.
  9. Then to add mouse tilt, activate the mouse tilt option and tweak the settings to your liking.

How To Add Parallax Effect In Elementor: are you ready?

How To Add Parallax Effect In Elementor: are you ready?

If you don’t have Elementor Pro yet, I hope this video will convince you to go pro.

Not just for the eye candy, but also for the fact the Elementor team is listening and they roll out awesomeness upon awesomeness for the same price.

Whether you create website professionally or for a single project, it’s going to pay itself several times over. Especially if you consider what you can achieve with this tool and the time you are not going to waste.

Now if you are interested in purchasing Elementor Pro, you can get it here.

So, I hope that you now feel confident to add parallax and beautiful motion effects to your Elementor Pro powered website, let me know in the comments.

If you watched the companion video and if you like it, please give it a thumbs up, as it really helps growing the channel and if you know someone that could benefit from it, I’m going to ask you if you’d like to share it now.

Because let’s face it, there are so many things to do in a day that if you don’t do it now you’ll probably forget.

Now if you want to brand, market and grow your business it in the Digital Age make sure you subscribe to my email newsletter so that you never miss your share of digital alchemy and tips, tools, services and case studies that can help you grow your business online.

So, that’s it for this episode, I hope to see you around here or on the Youtube channel, and in the meantime, don’t forget to invest in YOUR success!

Share this post

Share on facebook
Share on google
Share on twitter
Share on linkedin
Share on pinterest
Share on print
Share on email