StealThis .dev

Modal Enter Effect

Fade and scale enter/exit for modals and overlays — smooth open/close transition.

Open in Lab
css vanilla-js
Targets: JS HTML

Code

Fade + scale enter/exit for modal dialogs and overlays. Reference patterns from modal-dialog and snackbar.

Features

  • CSS opacity and transform for enter/exit
  • Backdrop fade
  • Optional prefers-reduced-motion respect