New

9 buttons. Ready to use.

Cherry Blossom Configurator - BricksFusion
data-cherry-blossom
How to Use & Code Information
  1. Customize your cherry blossom animation using the controls below
  2. Click Copy JS to copy the JavaScript code to clipboard
  3. In Bricks Builder, add a Code element
  4. Paste or upload the JavaScript code
  5. To add the effect to any section: go to Section → Style → Attributes, add data-cherry-blossom as attribute name (leave value empty)
Interactive Cherry Blossom Preview
Petal Colors
HEX
HSL
HEX
HSL
HEX
HSL
HEX
HSL
HEX
HSL
Animation Settings
Petal Count
30
Petal Size Min
20px
Petal Size Max
40px
Fall Speed Min
1
Fall Speed Max
3
Advanced Options
Swing Range
2
Rotation Speed
2
Opacity Min
0.6
Opacity Max
0.9