New

9 buttons. Ready to use.

Ambient Gradient Configurator - BricksFusion
data-ambient-gradient
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 Bricks Builder, add a Code element
  4. Paste or upload the JavaScript code
  5. To add the effect to any section: go to Section → Style → Attributes, add data-ambient-gradient as attribute name (leave value empty)
Interactive Gradient Preview
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