All animations / Exit
Exit
Things leaving: dismissing, collapsing, swiping away and dissolving. 5 animations.
Exit
Fade out then remove
Click to dismiss. The element fades and shrinks, then is removed from the DOM only after the transition ends.
CSSJavaScriptBeginner
Exit
Swipe away
Drag a card sideways. Past a threshold it flies off screen; otherwise it springs back.
CSSJavaScriptIntermediate
Exit
Collapse out of the layout
Items shrink to zero height so the list closes the gap smoothly. Uses grid rows 1fr to 0fr, no height guessing.
CSSJavaScriptIntermediate
Exit
Shrink and dissolve
Click the tile and it scales down while blurring and fading out, like it is evaporating.
CSSJavaScriptBeginner
Exit
Toast with auto exit
A notification slides in, shows a draining timer bar, then slides out by itself.
CSSBeginner