AmbientGradient - breakfusion.com

Design your ambient gradient effect using the controls below
Click the Get Code button and copy the JavaScript
In Breakdance Builder, add a Code element and paste the JavaScript
Add the attribute
data-ambient-gradient="true"📋
to any section you want to apply the effect to

This tool creates a custom script with your settings built-in. Simply add the data-ambient-gradient="true" attribute to any section to see your exact configuration!

Breakfusion Exclusive Get Your Custom Gradient Effect

Create stunning interactive gradient backgrounds for your Breakdance Builder projects with this custom-crafted JavaScript snippet.

Easy implementation with a single attribute
Interactive mouse-follow or auto-animation modes
Fully customizable colors and animations
Works with any Breakdance Builder section

Gradient Colors

Color Palette

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

Documentation

GETTING STARTED

MENU ANIMATION

CORE BACKGROUND

SHOWCASE

VISUAL EFFECTS

ANIMATED TEXT

INTERACTION

INSTANT MOTION

TRANSITION PAGES

How to Use in Breakdance Builder

JavaScript Code