MotionLang

入场与退场 · 出现和消失

缩放进入Scale in

元素从略小(约 0.9 倍)放大到原始大小,像从远处靠近镜头,让人把注意力放上去。

在工具里打开这条

什么时候用它

用于需要被注意到、且本身是独立整体的小元素,比如弹窗或卡片;大面积布局变化用“布局动画”更合适。

参数

180ms · ease-out · transform: scale 0.96→1 + opacity 0→1

配方

  1. 缩放进入 → scale 0.96 → 1 @ 180ms ease-out
  2. 缩放进入 → opacity 0 → 1 @ 180ms

给 AI 的一句话

给这个弹窗加 180ms 的缩放进入:scale 从 0.96 到 1,透明度 0→1,ease-out。

同类的其他动效