LIVE NOW

Visual Configurator is now active — Customize 50+ professional animations Visual Configurator is live!

Get Started
Tilted Card Configurator

How to Use in Bricks Builder

  1. Customize your tilted card using the controls below
  2. Click the Get Code button and copy the JavaScript
  3. In Bricks Builder, add a Code element and paste the JavaScript
  4. Add the attribute
    data-tiltedcard📋
    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!
Preview image
Hover me!
BricksFusion 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

JavaScript Code