Opens in a new tab
BLACK FRIDAY
Ends in 00h 00m 00s
25% OFF LTD
Flexible Card Expand Configurator - Breakfusion
data-breakdance-card-expand
How to Use & Code Information
▼
  1. Customize your card expand 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-breakdance-card-expand with value true
  6. Add data-breakdance-card-expand-item with value true to each card item inside the container
Card Expand Settings
Expansion Preset ℹ
Animation Style ℹ
Transition Settings
Transition Speed ℹ
0.5
Advanced Options
Enable Mobile Optimization ℹ
Enable Touch Support ℹ