フィードバックと操作 · タップへの反応
シェイク抖动
- エラー
- 警告
- 短い
要素が左右に素早く数回揺れ、ここでエラーがあり入力が受け付けられなかったことをはっきり伝えます。
使いどころ
入力チェックの失敗や拒否された操作に使います。振れ幅は小さく、往復は 2〜3 回まで。多すぎると怒っているように見えます。
パラメータ
transform: translateX ±6px · 3 cycles · total 300ms · ease-in-out · each cycle 100ms
レシピ
各 cycle 100ms3 往復各周期 100msシェイク → transform: translateX ±6px · 3 cycles · total 300ms · ease-in-out
AI に渡す一文
この入力欄にバリデーション失敗時のシェイクを付けてください。左右 6px を 3 往復、合計 300ms、ease-in-out で、最後は元の位置に戻します。