BLACK FRIDAY
Ends in 00h 00m 00s
25% OFF LTD
Glass Card 3D Configurator - Breakfusion
data-3d-card
How to Use & Code Information
â–¼
  1. Customize your glass 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 container: go to Container → Settings → Advanced → Attributes, add data-3d-card with value true
Card Title Card description goes here
View more
Quick Presets
Content Settings
Card Title
Card Description
Button Text
Button Link
Logo Type
Gradient Colors
HEX
HSL
HEX
HSL
Text Colors
HEX
HSL
HEX
HSL
Effect Settings
Gradient Angle ℹ
125
3D Intensity ℹ
30
Glass Blur ℹ
5
Glass Opacity ℹ
0.8
Shadow Intensity ℹ
0.2
Animation Speed ℹ
0.5
Social Media
Icon Color
HEX
HSL