StealThis .dev
Pattern Facile

Modal Enter Effect

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

Apri in Lab
css vanilla-js
Target: JS HTML

Codice

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