LIVE NOW

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

Get Started
Flexible Card Expand Configurator

How to Use in Bricks Builder

  1. Customize your card expand 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-brx-card-expand📋
    to your container element
  5. Add the attribute
    data-brx-card-expand-item📋
    to each card expand item inside the container
This tool creates a custom script with your settings built-in. All your card expand configurations are included in the generated code!
BricksFusion Exclusive Get Your Flexible Card Expand Animation

Add elegant interactive card expands to your website with this custom-crafted JavaScript snippet.

  • Easy implementation with simple data attributes
  • Fully responsive design that adapts to any container
  • Customizable expansion and animation effects
  • Touch-friendly for mobile devices
  • Works in all modern browsers and devices
Card Expand Settings
Expansion Preset
Animation Style
Active Item Scale 1
Inactive Item Scale 0.85
Inactive Item Opacity 0.6
Transition Settings
Transition Speed 0.5s
Enable Mobile Optimization
Enable Touch Support

JavaScript Code