--- title: "How To Create Mouse Cursor Parallax Effects in Elementor for FREE?" url: https://theplusaddons.com/docs/mouse-cursor-parallax-effects-in-elementor/ date: 2024-01-04 modified: 2026-09-27 lang: en author: "Aditya Sharma" description: "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..." image: https://theplusaddons.com/wp-content/uploads/2024/01/How-To-Create-Mouse-Cursor-Parallax-Effects-in-Elementor-for-FREE_-1024x536.jpg word_count: 408 --- # How To Create Mouse Cursor Parallax Effects in Elementor for FREE? ## - Mouse Move Parallax makes any Elementor widget drift slightly as the visitor moves the mouse over it, and it is applied from the widget’s Advance tab after the extension is switched on. - The Plus Addons for Elementor Pro is required for Mouse Move Parallax, and the blog post says the page title “for FREE” is incorrect because the feature is Pro-only, not available in the Free plugin. - Move Parallax (X) and Move Parallax (Y) each range from -100 to 100 with a default of 30, and larger numbers make the element move less because the value acts as resistance. 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.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-extras/global-mouse-hover-parallax/?utm_source=tpae&utm_medium=docs&utm_campaign=text) ## 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 - Enable **Mouse Move Parallax** at **The Plus Addons > Extensions** (Plus Extras group), then save.- Select any widget in the Elementor editor and open its **Advance** tab.- Turn on **Mouse Move Parallax** and open **Parallax Options**.- 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).- 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](https://theplusaddons.com/wp-content/uploads/2026/09/mouse-move-parallax-result.webp) ## 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 - [Tilt 3D Parallax](https://theplusaddons.com/docs/tilt-3d-parallax-effects-in-elementor/)- [Overlay Special Effect](https://theplusaddons.com/docs/swiper-color-overlay-effects-in-elementor/)- [Magic Scroll](https://theplusaddons.com/docs/magic-scroll-effect-in-elementor/) ## Frequently Asked Questions **Q: Why isn’t the mouse cursor parallax effect showing on the front end?** A: The most common miss is enabling it in the wrong place. Mouse Move Parallax is an extension, so it has to be switched on under The Plus Addons > Extensions in the Plus Extras group, not under Widgets. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH treats it as a per-widget toggle, so if the extension is off globally, nothing will animate on the live page. **Q: Can I use mouse cursor parallax on any Elementor widget?** A: The effect is applied from a widget’s own Advance tab, so it works on any widget once the extension is enabled. That matters because it is not a separate widget you drag in from a list. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH built it as a global per-widget option, which makes it easier to add depth without changing your layout structure. **Q: What do the X and Y parallax values actually control?** A: Move Parallax (X) and Move Parallax (Y) control how much the widget shifts along each axis, and both range from -100 to 100 with a default of 30. Bigger numbers do not mean more movement. They make the element move less because the plugin divides the mouse offset by that value, so the number acts like resistance rather than pixel distance. **Q: What’s the best setting for mouse cursor parallax if I want a subtle effect?** A: A higher resistance value gives a subtler drift because the element moves less as the mouse moves. That is why the default of 30 is a reasonable starting point for a light effect. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH uses separate X and Y controls, so you can keep both axes balanced instead of making one direction feel heavier than the other. **Q: Is Mouse Move Parallax free in The Plus Addons for Elementor?** A: Mouse Move Parallax is Pro-only. The page title says “for FREE,” but that is corrected in the content itself: it is confirmed on the live Extensions screen as part of The Plus Addons for Elementor Pro and is not available in the Free plugin. That distinction matters if you are trying to reproduce the tutorial and nothing appears in your free install. **Q: How does mouse cursor parallax animate when I move my mouse?** A: The effect eases into place rather than snapping instantly. On a rendered fixture, a real mousemove event changed the child element’s CSS transform from identity to an actual translation, and GSAP TweenLite with a 0.5s animation handled the easing. When you move back toward the center, the element eases back too, which keeps the motion from feeling jittery or mechanical.