GlassCard - breakfusion.com

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

This tool creates a custom script with your settings built-in. All your Glass Card 3D configurations are included in the generated code! Remember to set the attribute value to "true" for proper functionality.

Card Title Card description goes here

Breakfusion Exclusive Get Your Glass Card 3D

Add stunning 3D glass effect cards to your website with this custom-crafted JavaScript snippet.

Easy implementation with simple data attributes
Eye-catching 3D glass morphism effect
Fully responsive design that adapts to any container
Customizable colors, content, and animations
Works in all modern browsers and devices

Content Settings

Card Title

Card Description

Button Text

Button Link

Logo Type

Color Settings

Background Gradient - Color 1

Background Gradient - Color 2

Gradient Angle 125deg

Text Color

Button Color

3D Effect Settings

3D Intensity 30deg

Glass Blur 5px

Glass Opacity 0.8

Shadow Intensity 0.2

Animation Speed 0.5s

Social Media Settings

Add social media buttons to your card by selecting icons and entering URLs

Select an icon for each social network and add the corresponding URL

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