MotionLang

フィードバックと操作 · タップへの反応

スワイプで閉じる滑动关闭

項目を横にスワイプして押しのけます。一定の距離か速度を超えるとそのまま閉じます。

ツールでこの項目を開く

使いどころ

モバイルの通知・メール・リスト項目に使います。デスクトップでは習慣がないため、ボタンでの代替も用意します。

パラメータ

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 で画面外へ、それ以外は元に戻します。

同じカテゴリの動き