--- title: "How To Add 3D Tilt Parallax Effects in Elementor FREE?" url: https://theplusaddons.com/docs/3d-tilt-parallax-effects-in-elementor/ date: 2024-01-02 modified: 2026-08-24 lang: en author: "Aditya Sharma" description: "One way to add an eye-catching element to your site is by incorporating a tilt 3D parallax effect on widgets. This effect creates a sense of depth and movement, giving..." image: https://theplusaddons.com/wp-content/uploads/2024/01/How-To-Add-3D-Tilt-Parallax-Effects-in-Elementor-FREE_-1024x536.jpg word_count: 311 --- # How To Add 3D Tilt Parallax Effects in Elementor FREE? ## - The Plus Addons for Elementor activa el efecto Tilt 3D Parallax en widgets seleccionados por defecto, sin necesidad de habilitarlo por separado. - El ajuste requiere Elementor FREE Plugin instalado y activado, además de The Plus Addons for Elementor instalado y activado; también es una función Premium que necesita la versión PRO. - Advanced > Plus Extras permite activar el toggle Tilt 3D Parallax y ajustar velocidad, escala, perspectiva, max, easing y un valor personalizado de cubic bezier. One way to add an eye-catching element to your site is by incorporating a tilt 3D parallax effect on widgets. This effect creates a sense of depth and movement, giving a more dynamic and engaging experience for users. You can easily add a tilt 3D parallax effect on most of the widgets of The Plus Addons for Elementor. [LIVE WIDGET LINK](https://theplusaddons.com/elementor-extras/global-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. ## Learn via Video Tutorial: https://youtu.be/rVRjwbK1t3E?si=t1pRmAOS3ZR2Q1cV ## How to Activate the Tilt 3D 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 tilt 3D parallax** - You can easily add a 3D tilt parallax effect on a widget. ## How to Add a Tilt 3D Parallax Effect on 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 **Tilt 3D Parallax** toggle. ![tilt 3d parallax settings](https://theplusaddons.com/wp-content/uploads/2024/01/tilt-3d-parallax-settings.gif) From the **Tilt Options** section, you can manage the parallax speed, scale, transform perspective, max and easing. You can also add a [custom cubic bezier value](https://cubic-bezier.com/) as a custom easing value. Now, you’ll see a beautiful 3D tilt parallax effect on hover. ![tilt 3d parallax demo](https://theplusaddons.com/wp-content/uploads/2024/01/tilt-3d-parallax-demo-1.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 a 3D tilt parallax effect in Elementor Free?** A: Elementor FREE has to be installed and activated, and The Plus Addons for Elementor plugin also needs to be installed and activated. The catch is that this is a Premium feature, so the PRO version of The Plus Addons for Elementor is required. That matters because the tutorial is not describing a built-in Elementor effect, it is using The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH to add the hover motion on supported widgets. **Q: Why isn't the Tilt 3D Parallax option showing in Elementor?** A: The effect is enabled by default on some selected widgets, so there is nothing separate to turn on at the plugin level. If it still does not appear, the usual issue is that the widget you picked is not one of the supported ones. The page also says to go into Advanced > Plus Extras and turn on the Tilt 3D Parallax toggle for listed widgets, so the feature lives inside that widget panel rather than as a global setting. **Q: Which Elementor widgets support 3D tilt parallax with The Plus Addons?** A: The page says Tilt 3D Parallax works on most widgets of The Plus Addons for Elementor, and it lists supported ones like 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 list is useful because support depends on the widget type. **Q: Can I control how strong the tilt parallax effect feels?** A: The Tilt Options section gives you direct control over the motion feel. You can manage parallax speed, scale, transform perspective, max and easing there. It also allows a custom cubic bezier value as a custom easing value. That means you are not stuck with one default animation curve; you can tune how subtle or dramatic the hover movement looks. **Q: What happens if I want a different hover feel for the 3D tilt effect?** A: The motion can be shaped through easing and perspective settings instead of treating it like a fixed animation. The page specifically mentions parallax speed, scale, transform perspective, max and easing inside Tilt Options. A custom cubic bezier value gives extra control when you want a smoother or sharper hover response on a widget. **Q: Is there a video tutorial for adding Tilt 3D Parallax in Elementor?** A: A video tutorial is included on the page at https://youtu.be/rVRjwbK1t3E?si=t1pRmAOS3ZR2Q1cV. That helps if you want to see the workflow in context instead of only reading the setup steps. The written guide still matters because it shows where the feature lives in Elementor: Advanced > Plus Extras.