Skip to content
All effectsCard

Buoy

A 300 ms lift hands off to a 1.5 s oscillation. Two animations composed, not one.

Pure CSSCardPro

Usage

Meant for

ResizableKanbanScroll Area

Examples

On a Card

A lift that hands off to a slow bob — the card just picked up in a Kanban column. Two chained animations is what keeps it from reading as a single bounce: one arrival, then an idle. Watch the gap to the card below it.

In review
Design review
Due Friday · 3 comments
Pricing page copy
Due next week

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