---
title: Tilt Effect
description: "The Tilt Effect Extension adds interactive 3D motion to elements on your Divi website. When visitors move their cursor over an element, it responds with a smooth tilt effect that creates depth and enhances user engagement. # **Requirements** Before using…"
url: "https://divianimator.com/docs/tilt-effect/"
updated: "2026-09-08"
category: Divi Extensions
---

# Tilt Effect

The Tilt Effect Extension adds interactive 3D motion to elements on your Divi website. When visitors move their cursor over an element, it responds with a smooth tilt effect that creates depth and enhances user engagement.

# **Requirements**

Before using the Tilt Effect Extension, make sure you have:

- Divi Theme or Divi Builder installed and activated
- DiviAnimator installed and activated
- Tilt Effect Extension enabled

# **How to Enable Tilt Effect**

1. Log in to your WordPress Dashboard.
2. Navigate to **DiviAnimator → Extensions**.
3. Locate **Tilt Effect**.
4. Enable the extension.
5. Save your changes.

Once enabled, Tilt Effect settings will become available in supported Divi modules.

# **Enable**

Use the **Enable** toggle to activate or deactivate the Tilt Effect for the selected element.

- **On** – Enables the tilt effect.
- **Off** – Disables the tilt effect.

# **Max Tilt**

The **Max Tilt** setting controls the maximum amount of tilt applied when a user moves their cursor over the element.

Lower values create subtle movement, while higher values create a more dramatic 3D effect.

Example:

- 10 = Subtle tilt
- 20 = Moderate tilt
- 40 = Strong tilt effect

# **Perspective**

The **Perspective** setting controls the depth of the 3D effect.

Lower values create stronger depth and more noticeable movement. Higher values create a flatter and more subtle effect.

Example:

- 300 = Strong perspective
- 800 = Balanced perspective
- 1500 = Subtle perspective

Adjust this setting to achieve the desired level of depth.

# **Scale**

The **Scale** setting controls how much the element enlarges during the tilt animation.

A slight increase in scale can enhance the 3D effect and make the element feel more interactive.

Example:

- 1 = No scaling
- 1.05 = Subtle enlargement
- 1.1 = More noticeable zoom effect

# **Speed**

The **Speed** setting controls how quickly the element returns to its original position after the cursor leaves the element.

This value is measured in milliseconds.

Example:

- 300 = Fast response
- 1000 = Smooth response
- 3000 = Slow response

Lower values create a quicker reaction, while higher values create a smoother and more relaxed animation.

# **Tips**

- Use moderate Max Tilt values for professional-looking designs.
- Combine Perspective and Scale for a stronger 3D effect.
- Use lower Speed values for more responsive interactions.
- Apply Tilt Effect to images, cards, and featured content for the best results.
- Preview the effect before publishing to ensure it matches your design.

# **Need Help?**

If you have any questions about the Tilt Effect Extension or need assistance, our support team is here to help.

📧 **Email:** support@diviexpand.com

Simply send us a message with details about your issue, and we'll get back to you as soon as possible.