BLACK FRIDAY
Ends in 00h 00m 00s
25% OFF LTD
Tilted Card Configurator - Breakfusion
data-tiltedcard
How to Use & Code Information
  1. Customize your tilted card using the controls below
  2. Click Copy JS to copy the JavaScript code to clipboard
  3. In Breakdance Builder, add a Code element
  4. Paste the JavaScript code
  5. To add the effect to any section: go to Section → Settings → Advanced → Attributes, add data-tiltedcard with value true
Tilted card image
Hover me!
Animation Settings
Tilt Amplitude
12
Scale on Hover
1.2
Image Settings
Image Source
Alt Text
Tooltip Settings
Show Tooltip
Tooltip Text
BG HEX
BG HSL
TEXT HEX
TEXT HSL
Display Settings
Show Overlay
Overlay Content
Card Width
300
Card Height
300