Get Bricksfusion BLACKFRIDAY DealUntil month-end

Documentation

v1.5.0

Ambient Gradient

PREVIEW

Try me

SunsetFreshPeachPastelLavenderSunriseOceanTwilightAutumn

What is it?

Ambient Gradient transforms your web space into a dynamic visual experience, reacting seamlessly to user interaction with smooth, fluid color transitions.

How to set it up?

This element is customized using the Bricks Builder attributes field. Ambient Gradient utilizes two main attributes:

'data-ambient-gradient'. Activates the element's animation. No value is needed; simply adding this attribute enables the effect.

'data-ambient-gradient-preset'. Sets the gradient color scheme to be used. The preset values must be written exactly as shown below to be recognized:

  • sunset
  • fresh
  • peach
  • pastel
  • lavender
  • spring
  • sunrise
  • ocean
  • twilight
  • autumn

'data-ambient-gradient-auto' (Optional). Sets the gradient animation to automatic without mouse-over. Set the attribute if required, otherwise don't set it.

Support

Need a hand? I'm here to assist with setup, customization, or any questions you may have. Feel free to reach out—I aim to respond as soon as possible, and I appreciate your patience if there's a slight delay.

Contact