Blossom - breakfusion.com

Customize your cherry blossom 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
cherry-blossom📋
with the value "true" to any container element

This tool creates a custom script with your settings built-in. You only need to add the data attribute with the value "true" to implement your cherry blossom effect!

Breakfusion Exclusive Get Your Cherry Blossom Effect

Add a beautiful cherry blossom falling animation to your website with this custom-crafted JavaScript snippet.

Easy implementation with simple data attributes
Smooth animation with optimal performance
Fully responsive with mobile optimization
Customizable colors, speed, and visual style

Animation Settings

Petal Count 30

Petal Size 20-40px

Fall Speed 1-3

Swing Range 2

Rotation Speed 2

Opacity 0.6-0.9

Petal Colors

#ffdbf0

#ffc6e5

#ffa6d9

#ff8ac4

#f97dbd

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