Skip to content
All effectsOverlays

Toast Stack

A new message pushes the stack back and down; the newest is always frontmost.

Pure CSSOverlaysPro

Usage

Meant for

Toast

Examples

On a Toast

A new message pushes the stack back and down; the newest is always frontmost. --wm-i counts back from the newest, and the negative delay puts the older toasts further along the same timeline instead of giving each its own. The offsets that make it a stack are yours (margins here, so the transform stays free for the effect).

Invite acceptedGrace joined the design team.Export finishedq3-roadmap.pdf is ready to download.Two runs queuedThey start when a slot frees up.

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