MotionLang

入场与退场 · 出现和消失

缩小退出Scale out

元素一边缩小一边淡掉,像被从画面上「取」了下来。缩小的幅度很小(到 0.9 上下就够),因为观众要读到的是它退后了,而不是它变成了一颗小点。

在工具里打开这条

什么时候用它

弹层关闭、卡片被取消、临时浮起的东西归位时用它。它比淡出多一层意思:这东西本来是从别处来的,现在回去了。反过来,整页内容退场别用它 —— 满屏元素同时缩小会像镜头拉远,很晕。

参数

transform: scale 1→0.92 · opacity 1→0 · 180ms ease-in

配方

  1. 缩小退出 → transform: scale 1→0.92 · opacity 1→0 · 180ms ease-in

给 AI 的一句话

让这个浮层缩小退出:transform 从 scale(1) 到 scale(0.92),opacity 从 1 到 0,180ms ease-in,transform-origin 留在它自己的中心。别缩小到 0 —— 观众会以为它被吸进了一个点,而不是退了回去。

同类的其他动效