Modal entrance
The animation a modal uses to enter the screen — scaling in, fading up, sliding from an edge.
What you're seeing
A dialog that feels physically present — arriving from below, scaling from the trigger element.
Where you'll see it
Every modal, drawer, lightbox, or overlay on the site.
Difficulty
Very low — 1/5
Libraries that build it
MotionGSAPCSS
From the toolbox
Ready to prompt — paste this into your AI coding tool
"Animate modal from scale 0.95 opacity 0 to scale 1 opacity 1 using Motion, add backdrop blur transition"