Skip to content

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

Table Of Content

Mouse Move Parallax makes any Elementor widget drift slightly as the visitor moves their mouse over it, giving flat sections a bit of depth.

It is applied from a widget’s own Advance tab, so it works on any widget once the extension is switched on – not a separate widget of its own.

Requirement – This extension is a part of The Plus Addons for Elementor Pro, make sure it’s installed & activated to enjoy all its powers. Note: despite this page’s title, Mouse Move Parallax is a Pro-only feature, confirmed on the live Extensions screen — it is not available in the Free plugin.

Before You Start

  • Edition: Pro — confirmed on The Plus Addons > Extensions screen (Plus Extras group, PRO badge). This page’s own title says “for FREE”, which is inaccurate; treat this note as the correction.
  • Extension to enable: Mouse Move Parallax, switched on under The Plus Addons > Extensions (Plus Extras group) — not under Widgets.

Steps

  1. Enable Mouse Move Parallax at The Plus Addons > Extensions (Plus Extras group), then save.
  2. Select any widget in the Elementor editor and open its Advance tab.
  3. Turn on Mouse Move Parallax and open Parallax Options.
  4. Set Move Parallax (X) and Move Parallax (Y) – both range from -100 to 100 and default to 30. Larger numbers move the element less (the value is a resistance figure the plugin divides the mouse offset by, not a distance in pixels).
  5. Publish the page and move your mouse over the widget to see it shift.
The parallax element's computed transform after a mousemove event, shifted from the identity matrix

How It Behaves

Confirmed on a rendered fixture: dispatching a real mousemove event over the widget changed its child element’s CSS transform from the identity matrix to a real translation (measured: matrix(1,0,0,1,-5.77,1.72)) once the animation (GSAP TweenLite, 0.5s) finished easing in. Moving the mouse back toward the centre eases the element back.

Limitations

  • This page’s own title says “for FREE”. That is incorrect: Mouse Move Parallax is a Pro-only feature, confirmed on the live Extensions screen. The title cannot be changed, so treat this note as the correction.
  • It is a global per-widget toggle, not tied to one widget type – it will not appear as its own item in a widget list.

Troubleshooting

The effect does nothing on the front end

Confirm the extension is switched on at The Plus Addons > Extensions (Plus Extras group), not at Widgets – this is an extension, not a widget.

Related Docs

Related Frequently Asked Questions

Related Docs