---
title: "How to Add 3D Tilt Effect to Elementor Gallery Listing?"
url: https://theplusaddons.com/docs/add-3d-tilt-effect-to-elementor-gallery-listing/
date: 2023-06-16
modified: 2026-09-28
lang: en
author: "Aditya Sharma"
description: "Do you want your Elementor gallery tiles to tip in 3D as the pointer crosses them? A tilt effect makes a flat grid feel physical, and because it responds per..."
image: https://theplusaddons.com/wp-content/uploads/2023/06/How-to-Add-3D-Tilt-Effect-to-Elementor-Gallery-Listing_-1024x536.jpg
word_count: 601
---

# How to Add 3D Tilt Effect to Elementor Gallery Listing?

## 

- The Gallery Listing widget in The Plus Addons for Elementor includes Tilt 3D Parallax, with controls for angle, perspective, scale, and speed.
- The Plus Addons for Elementor Pro makes Tilt 3D Parallax available, while the free plugin shows the toggle and then an upgrade notice.
- Style > Extra Options is where Tilt 3D Parallax is turned on, and the Content tab has a different Extra Options section for image-sizing controls.
- Tilt Options uses four sliders: Max in degrees, Transform Perspective, Scale, and Speed, and large Max values with low perspective can make images look warped.

Do you want your Elementor gallery tiles to tip in 3D as the pointer crosses them? A tilt effect makes a flat grid feel physical, and because it responds per tile it gives immediate feedback about which image is under the cursor.

The Gallery Listing widget in The Plus Addons for Elementor has it built in, with control over the angle, the perspective, the scale and the speed.

*To check the complete feature overview documentation of The Plus Addons for Elementor Gallery Listing widget, [click here](https://theplusaddons.com/docs/gallery-listing-widget-settings-overview/).*

***Requirement - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing/?utm_source=tpae&utm_medium=docs&utm_campaign=text#image-gallery-wgts)

## Before You Start

- **Edition:** **Pro** — Tilt 3D Parallax is part of The Plus Addons for Elementor Pro. In the free plugin the option is visible but shows an upgrade notice instead of its settings.- **Widget to enable:** Gallery Listing, switched on under **ThePlus Settings > Widgets**.

> *This tips each tile in 3D. If you instead want the whole gallery to drift as the pointer moves, that is a different control — see [add a parallax effect to an Elementor gallery listing](https://theplusaddons.com/docs/add-parallax-effect-to-elementor-gallery-listing/).*

## Step 1: Build the gallery first

Drag the **Gallery Listing** widget onto the page, choose a layout in **Content > Layout**, and add your images in **Content > Content**. Tilt applies to the tiles the gallery already has.

![The Add Images control showing nine images selected for the gallery](https://theplusaddons.com/wp-content/uploads/2026/09/tp-gallery-listout-add-images-wide-grid.webp)

## Step 2: Turn on Tilt 3D Parallax

Go to the **Style** tab, open its **Extra Options** section, and turn on **Tilt 3D Parallax**.

> *This is the **Style** tab's Extra Options. The Content tab has a section with the same name holding the image-sizing controls, which is the usual reason people cannot find this toggle.*

![The Tilt 3D Parallax toggle switched on in Style > Extra Options](https://theplusaddons.com/wp-content/uploads/2026/09/tp-gallery-listout-tilt-3d-parallax-wide-effects.webp)

## Step 3: Tune the tilt

**Tilt Options** opens a popover with four sliders:

- **Max** — how far the tile tips, in degrees. This is the one that decides whether the effect reads as subtle or as a gimmick.- **Transform Perspective** — how strong the 3D projection is. Lower values exaggerate the depth.- **Scale** — whether the tile also grows slightly on hover.- **Speed** — how quickly it follows the pointer.

## What It Looks Like

## Settings Reference

| Setting | Where | Type | Default |
| ------- | ----- | ---- | ------- |
| Tilt 3D Parallax | **Style** > Extra Options | Switcher — Pro | Off |
| Tilt Options | **Style** > Extra Options | Popover | — |
| Max | Tilt Options popover | Slider, degrees | Not set |
| Transform Perspective | Tilt Options popover | Slider | Not set |
| Scale | Tilt Options popover | Slider | Not set |
| Speed | Tilt Options popover | Slider | Not set |
| Mouse Move Parallax | **Style** > Extra Options | Switcher — Pro | Off |

## Limitations

- **It is Pro.** The free plugin shows the toggle and then an upgrade notice.- **There is no hover on touch devices.** The effect does not run on phones or tablets at all.- **No per-device value.** One setting applies everywhere.- **Large angles distort the image.** A high Max value with a low perspective makes photographs look warped rather than dimensional.- **Motion preferences are not handled for you.** Keep the values small on pages with a broad audience.

## Troubleshooting

### I cannot find Tilt 3D Parallax

It is on the **Style** tab, in that tab's **Extra Options** section — not the Content tab's section of the same name.

### The tilt does not happen

Set a **Max** value in **Tilt Options**; with it unset there is no angle to tip through. Then clear any page cache and regenerate Elementor files from **Elementor > Tools > Regenerate CSS & Data**.

### The images look warped

Lower **Max** and raise **Transform Perspective**. A shallow angle with a long perspective reads as depth; a steep angle with a short one reads as distortion.

## Related Docs

Also, read [how to add a parallax effect to an Elementor Gallery Listing](https://theplusaddons.com/docs/add-parallax-effect-to-elementor-gallery-listing/).

- [Gallery Listing widget: settings overview](https://theplusaddons.com/docs/gallery-listing-widget-settings-overview/) — every control in the widget.- [Create an Elementor masonry image gallery](https://theplusaddons.com/docs/create-elementor-masonry-image-gallery/)- [Create an image gallery in grid layout](https://theplusaddons.com/docs/create-image-gallery-in-grid-layout-in-elementor/)

## Frequently Asked Questions

**Q: What do I need before adding a 3D tilt effect to an Elementor gallery listing?**
A: The Gallery Listing widget has to be installed and activated in The Plus Addons for Elementor, and the widget itself must be enabled under ThePlus Settings > Widgets. The tutorial also says Tilt 3D Parallax is part of The Plus Addons for Elementor Pro, so the free plugin only shows an upgrade notice instead of the settings. That matters because the effect is tied to the widget, not a separate gallery plugin.

**Q: How do I make only the gallery tiles tilt in 3D instead of the whole gallery moving?**
A: Tilt 3D Parallax is the tile-level effect. It tips each image tile in 3D as the pointer crosses it, while the whole-gallery drift is a different control called parallax effect. The tutorial separates those two on purpose, so if you want motion on individual images, use Tilt 3D Parallax; if you want the entire gallery to move together, use [add a parallax effect to an Elementor gallery listing](https://theplusaddons.com/docs/add-parallax-effect-to-an-elementor-gallery-listing/).

**Q: Why can't I find Tilt 3D Parallax in Elementor?**
A: The toggle lives in the Style tab, inside that tab’s Extra Options section. A common mistake is looking in the Content tab, because it also has an Extra Options section for image-sizing controls. That naming overlap is what usually hides the setting from people. In The Plus Addons for Elementor, POSIMYTH places the tilt control with styling options, not with content layout controls.

**Q: What should I change if the tilt effect looks too strong or warped?**
A: Lower Max and raise Transform Perspective. Max controls how far the tile tips in degrees, so it decides whether the motion feels subtle or gimmicky. Transform Perspective controls how strong the 3D projection looks, and lower values exaggerate depth. A shallow angle with a long perspective reads as depth; a steep angle with a short one reads as distortion.

**Q: Does 3D tilt work on phones and tablets?**
A: No hover means no tilt on touch devices, so the effect does not run on phones or tablets at all. That limitation matters when you design for mixed audiences, because motion that depends on pointer hover only exists on desktop-style input. The page also notes there is no per-device value, so one setting applies everywhere.

**Q: What is the best way to keep a 3D tilt effect from feeling distracting?**
A: Keep Max small and avoid aggressive perspective settings. The page calls out that large angles distort images and that motion preferences are not handled for you, so subtle values are safer on pages with a broad audience. In practice, that means aiming for depth rather than drama, especially when photos need to stay readable instead of looking warped.