BLACK FRIDAY
Ends in 00h 00m 00s
25% OFF LTD
Spotlight Configurator - Breakfusion
data-spotlight
How to Use & Code Information
â–¼
  1. Customize your spotlight effect 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-spotlight with value true
Interactive Spotlight Preview
Quick Presets
Rays Color
HEX
HSL
Rays Origin
Rays Settings
Rays Speed ℹ
1
Light Spread ℹ
1
Ray Length ℹ
2
Fade Distance ℹ
1
Saturation ℹ
1
Effects
Pulsating Effect
Add pulsating animation
Noise Amount ℹ
0
Distortion ℹ
0
Mouse Interaction
Follow Mouse
Rays follow mouse movement
Mouse Influence ℹ
0.1