--- 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-04-10 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: 315 --- # How To Add 3D Tilt Parallax Effects in Elementor FREE? ## Key Takeaways - The Plus Addons for Elementor allows users to add a 3D tilt parallax effect on most widgets. - Tilt 3D parallax is enabled by default on selected widgets of The Plus Addons for Elementor. - Users can manage parallax speed, scale, and transform perspective through the Tilt Options section. 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/) - [Caldera Forms](https://theplusaddons.com/elementor-widget/#plus-adapted-wgts) - [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/) - [Post Search](https://theplusaddons.com/?s=perfect) - [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 should I do if the 3D tilt parallax effect isn't showing on my widget?** A: If the 3D tilt parallax effect isn't visible, ensure that you have both the Elementor FREE Plugin and The Plus Addons for Elementor installed and activated. This feature is enabled by default on selected widgets, so check if you're using one of those supported widgets. If you're using a compatible widget and still facing issues, try toggling the Tilt 3D Parallax option off and on again in the widget settings. **Q: What settings should I adjust for the best 3D tilt parallax effect?** A: For optimal results with the 3D tilt parallax effect, focus on adjusting the parallax speed, scale, and transform perspective settings in the widget options. You can also experiment with the easing settings, including custom cubic bezier values, to fine-tune the animation. These adjustments can significantly enhance the visual impact and responsiveness of the effect. **Q: Does the 3D tilt parallax effect slow down my website?** A: While the 3D tilt parallax effect adds visual depth, it can impact performance depending on how many widgets use it and the complexity of your design. It's advisable to test your site's loading speed after adding this effect. If you notice a slowdown, consider limiting the number of widgets with the effect or optimizing your images and other resources.