How To Create Mouse Cursor Parallax Effects in Elementor for FREE?

Updated on January 4, 2024 by Ananda
Table Of Content

Adding a parallax effect on mouse hover on an Elementor widget adds depth and interactivity to a webpage by creating an illusion of movement as the user hovers their cursor over an element.

You can easily add a parallax effect on mouse hover on most of the widgets of The Plus Addons for Elementor.

Required Setup

How to Activate the Mouse Move Parallax?

This feature is enabled by default on some of the selected widgets of The Plus Addons for Elementor. You don’t need to enable it separately.

Key Features

  • Add parallax effect on hover – You can easily add a parallax effect on hover to a widget.

How to Add Mouse Hover Parallax Effect to a Widget in Elementor?

Add one of the listed below widgets of The Plus Addons for Elementor and follow the steps – 

1. Go to Advanced > Plus Extras

2. Turn on the Mouse Move Parallax toggle.

Mouse move parallax settings

From the Parallax Options section, you can adjust the parallax effect in the x and y axis.

Now, you’ll see a beautiful parallax effect on mouse hover.

Mouse move parallax demo

Supported Widgets

OR
Get Free 25+ Secrets to Make Elementor Website Faster [Guaranteed Results]



    Subscribe to our YouTube Channel for Elementor Tutorials
    New Video Every Week!
    Automatically Convert Figma Designs to 100% Editable Elementor Website
    X