MARKETPLACE
PLUGINS
3D TILT HOVER EFFECTS
3D Tilt Hover Effects logo

3D Tilt Hover Effects

Published June 2025
   •    Updated this week

Plugin details

   
3D Tilt Hover Effects brings your elements to life with elegant tilt animations—no dependencies, no bloat. Designed for modern web interfaces, it creates a dynamic 3D illusion when users hover over cards, images, buttons, or any block element.
✨ Features:
🎯 Highly Customizable – Adjust tilt angle, speed, perspective, scale, and more.
🧠 Smart Animation – Auto-cancel tilt when hover ends, with smooth exit.
🔄 Responsive – Works seamlessly across devices and screen sizes.
🛠️ Plug and Play – Just drop it in and apply it with a single class or data attribute.
Perfect for portfolios, product showcases, buttons, and interactive UI components.

Free

For everyone

stars   •   0 ratings
157 installs  
This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

Devini logo
Devini
Joined 2025   •   17 Plugins
View contributor profile

Instructions

✅ Step 1: Enable Element ID Attribute Go to your Bubble app’s Settings → General tab.

Scroll down and check the box:
“Expose the option to add an ID attribute to HTML elements.”

🆔 Step 2: Assign a Unique Element ID
In the Design tab, select the element (e.g., a button) that you want to use as the trigger.

Fill-up the property fields as per your design.

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:

Resources

Support contact
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble