Card Tilted - breakfusion.com

Customize your tilted card using the controls below
Click the Get Code button and copy the JavaScript
In Breakdance Builder, add a Code element and paste the JavaScript
Add the attribute
data-tiltedcard📋
with the value "true" to your container element

This tool creates a custom script with your settings built-in. All your tilted card configurations are included in the generated code! Remember to set the attribute value to "true" when using it in Breakdance Builder.

Hover me!

Breakfusion Exclusive Get Your Tilted Card Animation

Add stunning 3D tilted card effects to your website with this custom-crafted JavaScript snippet.

Interactive 3D hover animations for images and cards
Customizable tilt intensity and hover effects
Optional tooltip captions and overlay content
Fully responsive design for all devices
Works in all modern browsers

Animation Settings

Tilt Amplitude 12°

Scale on Hover 1.2x

Show Mobile Warning

Image Source

Alt Text

Display Settings

Show Tooltip

Tooltip Text

Tooltip Background

Tooltip Text Color

Show Overlay Content

Overlay Content

Card Width 300px

Card Height 300px

Code Copied Successfully! Ready to paste into Breakdance Builder

Documentation

GETTING STARTED

MENU ANIMATION

CORE BACKGROUND

SHOWCASE

VISUAL EFFECTS

ANIMATED TEXT

INTERACTION

INSTANT MOTION

TRANSITION PAGES

How to Use in Breakdance Builder

JavaScript Code