Opens in a new tab
BLACK FRIDAY
Ends in 00h 00m 00s
25% OFF LTD
Cherry Blossom Configurator - Breakfusion
cherry-blossom
How to Use & Code Information
▼
  1. Customize your cherry blossom 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 cherry-blossom with value true
Petal Colors
HEX
HSL
HEX
HSL
HEX
HSL
HEX
HSL
HEX
HSL
Petal Settings
Petal Count ℹ
30
Min Petal Size ℹ
20px
Max Petal Size ℹ
40px
Animation Settings
Min Fall Speed ℹ
1
Max Fall Speed ℹ
3
Swing Range ℹ
2
Rotation Speed ℹ
2
Min Opacity ℹ
0.6
Max Opacity ℹ
0.9