Motion Library ‹ Free tools

All / Exit

Shrink and dissolve

Click the tile and it scales down while blurring and fading out, like it is evaporating.

CSSJavaScriptBeginner
Live demo Open full screen

Good for

Closing modals, removing tiles and confirming a delete.

Watch out for

Exits should be faster than entrances (150 to 300ms). People already decided to leave.

Accessibility

Wrap motion in @media (prefers-reduced-motion: reduce) and switch it off or shorten it for people who ask for less movement.