--- 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 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: 315 --- # How To Add 3D Tilt Parallax Effects in Elementor FREE? ## - Incorporate a tilt 3D parallax effect on widgets using The Plus Addons for Elementor. - Activate the tilt 3D parallax feature by turning on the toggle in the Advanced > Plus Extras section. - Manage parallax settings such as speed, scale, and easing for supported widgets like Accordion and Advanced Buttons. 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/)