Skip to content
All effectsOverlays

Reaction Burst

The button springs, the particles leave.

Pure CSSOverlaysPro

Usage

👍

Meant for

Emoji Reaction ButtonRating

Examples

On a Emoji Reaction Button

The button springs while particles fly out around it. Each particle carries its own --wm-r angle and --wm-d delay, so the burst is uneven — an even one reads as a loading spinner.

The class is wm wm-reaction-burst — the first half is the marker the trigger and reduced-motion rules hook into, the second is the effect.