MotionLang

状态之间的转换 · A 变成 B

布局动画Layout animation

元素增删或换位置时,其余元素平滑地让开或补位,而不是瞬间跳到新位置。

在工具里打开这条

什么时候用它

列表插入、删除、排序造成位置变化时用它;只是内容淡入淡出则用“淡入”。

参数

260ms · cubic-bezier(0.22, 1, 0.36, 1) · position / size animates automatically

配方

  1. 布局动画 → 260ms cubic-bezier(0.22, 1, 0.36, 1)
  2. 布局动画 → position / size animates automatically

给 AI 的一句话

给这个列表加布局动画:插入或删除一项时,其余项用 260ms 的 cubic-bezier(0.22, 1, 0.36, 1) 平滑移动到新位置,不要瞬间跳变。

同类的其他动效