How To Add 3D Tilt Parallax Effects in Elementor FREE?

Updated on January 3, 2024 by Ananda
Table Of Content

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.

Required Setup

Learn via Video Tutorial:

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

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 as a custom easing value.

Now, you’ll see a beautiful 3D tilt parallax effect on hover.

Tilt 3d parallax demo

Supported Widgets

OR
Get Free 25+ Secrets to Make Elementor Website Faster [Guaranteed Results]

    Subscribe to our YouTube Channel for Elementor Tutorials
    New Video Every Week!
    Automatically Convert Figma Designs to 100% Editable Elementor Website
    X