入场与退场 · 出现和消失
缩放进入Scale in
- 靠近
- 有分量
- 聚焦
元素从略小(约 0.9 倍)放大到原始大小,像从远处靠近镜头,让人把注意力放上去。
什么时候用它
用于需要被注意到、且本身是独立整体的小元素,比如弹窗或卡片;大面积布局变化用“布局动画”更合适。
参数
180ms · ease-out · transform: scale 0.96→1 + opacity 0→1
配方
缩放进入 → scale 0.96 → 1 @ 180ms ease-out缩放进入 → opacity 0 → 1 @ 180ms
给 AI 的一句话
给这个弹窗加 180ms 的缩放进入:scale 从 0.96 到 1,透明度 0→1,ease-out。