---
title: 3D Banner
description: Create a captivating banner ad with stunning touch-friendly 3D parallax hover effects!
---
[Skip to content](https://help.adventive.com/en/knowledge/3d-banner#main-content)
[.svg)](https://adventive.com)
Open main navigation
Close main navigation
Hello. How can we help?
- There are no suggestions because the search field is empty.
1. [Knowledge Base](https://help.adventive.com/en/knowledge)
2. [Building Ads](https://help.adventive.com/en/knowledge/building-ads)
3. [Ad Formats](https://help.adventive.com/en/knowledge/building-ads#ad-formats)
# 3D Banner
## Create a captivating banner ad with stunning touch-friendly 3D parallax hover effects!
**Resources:**
[Explore our Ad Gallery for examples of this format](https://adventive.com/gallery?format=3D+Banner)
**In this article, you will learn:**
[How to Build a 3D Banner Unit](https://help.adventive.com/en/knowledge/3d-banner#build)
[How to Configure the 3D Banner General Properties](https://help.adventive.com/en/knowledge/3d-banner#configure-general)
[How to Configure the 3D Banner Settings](https://help.adventive.com/en/knowledge/3d-banner#configure-3D-settings)
### How to Build a 3D Banner Unit
Below you will find a step-by-step process to build a **3D Banner** unit.
***\* Note -** See [this article](https://help.adventive.com/en/knowledge/banner-format) for information on building a standard Banner unit.*
1. Provide a *unique* **Name** for the unit, and select **3D Banner** from the **Format** dropdown.
2. Define your initial ad dimensions (or select one of Adventive's pre-populated options).
3. Backup Image (Optional) and Click URL (Optional) may be left blank at this time, click **Submit.**
### **Configuring the Canvas**
The builder will now load the main 3D Banner canvas based on the dimensions inputted in step #2. You may now place your ad content and creatives.
The 3D Banner format supports multi-screens for additional interactivity. Learn how to add additional screens in [this article](https://help.adventive.com/en/knowledge/screens-layers) and how to control navigation between screens in [this article](https://help.adventive.com/en/knowledge/action-go-to-screen).
### **How to Configure the 3D Banner General Ad Properties**
Modifications can easily be made to the general ad configuration using the General Ad Properties panel on the right-hand side of the builder window. See [this article](https://help.adventive.com/en/knowledge/general-ad-properties) for instructions on configuring the General Ad Properties.
#### How to Configure the 3D Banner Settings
These settings can be found in the bottom right corner of the builder:
| **3D Banner Settings** | |
| --- | --- |
| Show Shadow on Hover | When selected, a shadow will appear beneath the unit on hover. Deselect to remove the shadow. |
| Show Tilt on Hover | When selected, the assets within the unit will tilt outside of the boundaries of the ad. Deselect to contain the assets within the ad boundaries. |
**Tips for Configuring the 3D Banner Canvas**
- Use images that are*transparent PNGs.*
- Make sure the images (especially background images) are larger than the dimensions of the ad - when the ad tilts/users hover over it, more of the images will be exposed on all sides.
- Order of layers will determine how 3D effect displays. The bottom layer will be the background, and top layers will be 3D. See our [Screens & Layers](https://help.adventive.com/en/knowledge/screens-layers) article for more information on organizing layers within your ad unit.
- [Account settings](https://help.adventive.com/en/knowledge/account-settings)
- [Payments and billing](https://help.adventive.com/en/knowledge/payments-and-billing)
- [Advertisers](https://help.adventive.com/en/knowledge/advertisers)
- [Building Ads](https://help.adventive.com/en/knowledge/building-ads#main-content)
- [Builder Basics](https://help.adventive.com/en/knowledge/building-ads#builder-basics)
- [Ad Formats](https://help.adventive.com/en/knowledge/building-ads#ad-formats)
- [Rich Media Components](https://help.adventive.com/en/knowledge/building-ads#rich-media-components)
- [User initiated actions](https://help.adventive.com/en/knowledge/building-ads#user-initiated-actions)
- [Tools](https://help.adventive.com/en/knowledge/building-ads#tools)
- [Embedded Players](https://help.adventive.com/en/knowledge/building-ads#embedded-players)
- [Best Practices](https://help.adventive.com/en/knowledge/building-ads#best-practices)
- [Adventive Services](https://help.adventive.com/en/knowledge/building-ads#adventive-services)
- [Campaigns & Trafficking](https://help.adventive.com/en/knowledge/campaigns-trafficking#main-content)
- [Third Party Tracking](https://help.adventive.com/en/knowledge/campaigns-trafficking#third-party-tracking)
- [Ad Tags](https://help.adventive.com/en/knowledge/campaigns-trafficking#ad-tags)
- [Delivery Groups](https://help.adventive.com/en/knowledge/campaigns-trafficking#delivery-groups)
- [Reporting](https://help.adventive.com/en/knowledge/reporting#main-content)
- [Reports](https://help.adventive.com/en/knowledge/reporting#reports)
[.svg "Logo - Dark (1)")](https://adventive.com)
Copyright © 2026, Adventive Tech Inc
```json
{
"@context" : "https://schema.org",
"@type" : "VideoObject",
"contentUrl" : "https://2658568.fs1.hubspotusercontent-na1.net/hubfs/2658568/Hendricks-3D-Banner-3-3.mp4",
"dateModified" : "2024-04-25T20:31:50.526Z",
"duration" : "PT31S",
"height" : 636,
"name" : "Hendricks-3D-Banner-3-3",
"thumbnailUrl" : "https://info.adventive.com/hubfs/Hendricks-3D-Banner-3-3.mp4/medium.jpg",
"uploadDate" : "2024-04-25T20:31:50.521Z",
"width" : 1242
}
```