--- 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-08-24 lang: en author: "Aditya Sharma" description: "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..." image: https://theplusaddons.com/wp-content/uploads/2024/01/How-To-Create-Mouse-Cursor-Parallax-Effects-in-Elementor-for-FREE_-1024x536.jpg word_count: 287 --- # How To Create Mouse Cursor Parallax Effects in Elementor for FREE? ## - The Plus Addons for Elementor enables mouse hover parallax on most widgets, creating an illusion of movement as the cursor hovers over an element. - Mouse Move Parallax is enabled by default on some selected widgets, so it does not need to be turned on separately. - Advanced > Plus Extras includes the Mouse Move Parallax toggle, and Parallax Options lets the user adjust the effect on the x and y axis. 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. [LIVE WIDGET LINK](https://theplusaddons.com/elementor-extras/elementor-mouse-hover-parallax//?utm_source=tpae&utm_medium=docs&utm_campaign=text) ## Required Setup - [Elementor FREE Plugin](http://wordpress.org/plugins/elementor/) installed & activated. - You need to have [The Plus Addons for Elementor](http://wordpress.org/plugins/the-plus-addons-for-elementor-page-builder/) plugin installed and activated. - This is a Premium feature, and you need the PRO version of [The Plus Addons for Elementor.](https://theplusaddons.com/pricing//?utm_source=tpae&utm_medium=docs&utm_campaign=text) ## 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](https://theplusaddons.com/wp-content/uploads/2024/01/mouse-move-parallax-settings.gif) 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](https://theplusaddons.com/wp-content/uploads/2024/01/mouse-move-parallax-demo.gif) ## Supported Widgets - [Accordion](https://theplusaddons.com/elementor-widget/elementor-accordion/) - [TP Text Block](https://theplusaddons.com/elementor-widget/elementor-advanced-text-block/) - [Advanced Typography](https://theplusaddons.com/elementor-widget/advanced-typography-for-elementor/) - [Advanced Buttons](https://theplusaddons.com/elementor-widget/elementor-advanced-buttons/) - [Advertisement Banner](https://theplusaddons.com/elementor-widget/elementor-banner-widget/) - [Audio Player](https://theplusaddons.com/elementor-widget/elementor-audio-player/) - [Before After](https://theplusaddons.com/elementor-widget/elementor-before-after-slider/) - [Blockquote](https://theplusaddons.com/elementor-widget/elementor-blockquote/) - [Breadcrumbs Bar](https://theplusaddons.com/elementor-widget/elementor-breadcrumbs/) - [Carousel Remote](https://theplusaddons.com/elementor-widget/elementor-carousel-remote-sync/) - [Contact Form 7](https://theplusaddons.com/elementor-widget/contact-form-7-styler/) - [Countdown](https://theplusaddons.com/elementor-widget/elementor-countdown-timer/) - [Draw SVG](https://theplusaddons.com/elementor-widget/elementor-draw-animated-svg-icon/) - [Dynamic Device](https://theplusaddons.com/elementor-widget/elementor-dynamic-device-mockups/) - [Dynamic Smart Showcase](https://theplusaddons.com/elementor-listing//magazine-slider/) - [Everest Form](https://theplusaddons.com/elementor-widget/everest-forms-styler/) - [Flip Box](https://theplusaddons.com/elementor-widget/elementor-flipbox/) - [Gravity Form](https://theplusaddons.com/elementor-widget/gravity-forms-styler/) - [Heading Animation](https://theplusaddons.com/elementor-widget/elementor-heading-animations/) - [Heading Title](https://theplusaddons.com/elementor-widget/elementor-heading-titles/) - [Info Box](https://theplusaddons.com/elementor-widget/elementor-info-box/) - [Mailchimp](https://theplusaddons.com/elementor-widget/mailchimp-form/) - [Ninja Form](https://theplusaddons.com/elementor-widget/ninja-forms-styler/) - [Number Counter](https://theplusaddons.com/elementor-widget/number-counter/) - [Pricing List](https://theplusaddons.com/elementor-widget/elementor-price-list/) - [Pricing Table](https://theplusaddons.com/elementor-widget/elementor-pricing-table/) - [Process Steps](https://theplusaddons.com/elementor-widget/elementor-process-steps/) - [Progress Bar](https://theplusaddons.com/elementor-widget/elementor-progress-bar/) - [Style List](https://theplusaddons.com/elementor-widget/elementor-stylish-list/) - [Switcher](https://theplusaddons.com/elementor-widget/elementor-switcher/) - [Tabs/Tours](https://theplusaddons.com/elementor-widget/elementor-tabs/) - [Video Player](https://theplusaddons.com/elementor-widget/video-player/) - [WP Forms](https://theplusaddons.com/elementor-widget/wpforms-styler/) - [Button](https://theplusaddons.com/elementor-widget/free-elementor-buttons/) - [Creative image](https://theplusaddons.com/elementor-widget/creative-images-for-elementor/) ## Frequently Asked Questions **Q: What do I need before adding mouse cursor parallax in Elementor?** A: The setup is simple, but it has three hard requirements: Elementor FREE Plugin installed and activated, The Plus Addons for Elementor plugin installed and activated, and the PRO version of The Plus Addons for Elementor because this is a Premium feature. That matters because the effect lives inside the addon’s widget controls, not in Elementor alone. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH provides the mouse hover parallax feature inside the editor. **Q: Why is the mouse move parallax option already on for some widgets?** A: Some selected widgets have Mouse Move Parallax enabled by default, so there is no separate global switch to hunt for. That saves time when you are testing effects across different widgets, because the feature may already be active as soon as the widget is added. The practical gotcha is that you only need to look in the widget’s own settings if you want to adjust or confirm the effect. **Q: How do I add a mouse hover parallax effect to an Elementor widget?** A: The effect is added from the widget settings under Advanced > Plus Extras, where you turn on the Mouse Move Parallax toggle. From there, the Parallax Options section lets you adjust movement on the x and y axis. That axis control is what makes the motion feel directional instead of flat. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH offers this inside supported widgets. **Q: Which widgets support mouse cursor parallax in The Plus Addons for Elementor?** A: The supported list is broad and includes Accordion, TP Text Block, Advanced Typography, Advanced Buttons, Advertisement Banner, Audio Player, Before After, Blockquote, Breadcrumbs Bar, Carousel Remote, Contact Form 7, Countdown, Draw SVG, Dynamic Device, Dynamic Smart Showcase, Everest Form, Flip Box, Gravity Form, Heading Animation, Heading Title, Info Box, Mailchimp, Ninja Form, Number Counter, Pricing List, Pricing Table, Process Steps, Progress Bar, Style List, Switcher, Tabs/Tours, Video Player, WP Forms, Button, and Creative image. That range makes it useful for both content blocks and interactive elements. **Q: What makes mouse hover parallax useful on a webpage?** A: Mouse hover parallax adds depth and interactivity by creating an illusion of movement when a user moves the cursor over an element. That kind of motion works best when you want a page to feel more alive without adding extra content. In practice it can make a widget stand out visually while still staying inside the normal Elementor editing flow. The Plus Addons for Elementor provides this effect as part of its widget toolkit. **Q: Is there a live demo for the mouse hover parallax widget?** A: A live widget link is provided for this feature: [LIVE WIDGET LINK](https://theplusaddons.com/elementor-extras/elementor-mouse-hover-parallax//?utm_source=tpae&utm_medium=docs&utm_campaign=text). A demo link matters because motion effects are easier to judge by sight than by description alone. If you want to compare how the x and y axis movement feels before using it in a layout, that live example is the most direct reference on the page.