MotionLang

反馈与交互 · 点一下的回应

滑动关闭Swipe to dismiss

横向滑动一个条目把它推走,滑过一定距离或速度够了就直接关闭。

在工具里打开这条

什么时候用它

移动端的通知、邮件、列表项用它;桌面上用户没有这个习惯,要提供按钮兜底。

参数

movement > 40% width or velocity > 0.5px/ms to dismiss · flies out 200ms ease-out

配方

  1. 滑动关闭 → 200ms ease-out
  2. 条件 movement > 40% width or velocity > 0.5px/ms to dismiss
  3. 滑动关闭 → flies out 200ms ease-out

给 AI 的一句话

让这个列表项可以左右滑动关闭:位移超过自身宽度 40% 或速度大于 0.5px/ms 就飞出关闭,飞出 200ms ease-out,否则弹回原位。

同类的其他动效