BLACK FRIDAY
Ends in 00h 00m 00s
25% OFF LTD
Image
Wave Background Configurator - Breakfusion
data-wave-background
How to Use & Code Information
  1. Customize your wave background 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-wave-background with value true
Interactive Wave Background Preview
Wave Settings
Direction
Orientation
Wave Position
Wave Speed
1
Wave Colors
Wave Color Mode
HEX
HSL
Appearance Settings
Wave Amplitude
1
Wave Frequency
1
Wave Turbulence
1
Wave Opacity
0.7
Glow Effect
0
Easing Type
Advanced Effects
Particles Effect
Breathing Effect
Mouse Interaction