Entrances & Exits · Entering & leaving
Scale in缩放进入
- approaching
- weighty
- focused
The element grows from slightly smaller (about 0.9×) to full size, like moving toward the camera, which pulls attention onto it.
When to use it
Use it for small self-contained elements that should be noticed, such as dialogs or cards; for large-scale layout changes, “Layout animation” fits better.
Parameters
180ms · ease-out · transform: scale 0.96→1 + opacity 0→1
Recipe
Scale in → scale 0.96 → 1 @ 180ms ease-outScale in → opacity 0 → 1 @ 180ms
One sentence for your AI
Add a 180ms scale-in to this dialog: scale 0.96 → 1 with opacity 0 → 1, ease-out.