BLACK FRIDAY
Ends in 00h 00m 00s
25% OFF LTD

Ready to enhance your Breakdance experience?

Add premium elements that enhance user experience.

Quick Started

Ready to enhance your Bricks Builder experience?

Unlock Breakfusion. Make today your launch day.

Ambient Gradient Configurator - Breakfusion
data-ambient-gradient

Ambient Gradient

Interactive Gradient for Breakdance Builder

How to Use & Code Information
▼
  1. Customize your gradient 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-ambient-gradient with value true
Interactive Ambient Gradient Preview
Quick Presets
Gradient Colors
HEX
HSL
HEX
HSL
HEX
HSL
HEX
HSL
Gradient Angle ℹ
45°
Background Size ℹ
400%
Animation Settings
Auto Animation ℹ
Animation Speed
0.005
Mouse Influence
100%
Idle Animation Speed
0.05
Transition Smoothness
0.5s
Advanced Options
Z-Index Position
1
Keep Content Centered
Border Radius Inherit