スプリング · 弾んだときの感触
中断可能なアニメーション可打断动画
- 追従
- 柔軟
- 反応が速い
途中でユーザーが操作すると、動きは現在位置から新しい目標へ向きを変えます。最初に戻ってからやり直すことはありません。
使いどころ
連続して押されたりドラッグされたりする要素は必ず中断可能にします。ダイアログのような単発の動きだけは例外です。
パラメータ
no CSS transition · interpolate from current value each frame · 180ms total · target can change anytime
レシピ
中断可能なアニメーション → 180ms中断可能なアニメーション → no CSS transition · interpolate from current value each frame · 180ms total · target can change anytime
AI に渡す一文
このトグルを中断可能なアニメーションにしてください。CSS transition は使わず、毎フレーム現在値から目標値へ補間して全体を 180ms とし、途中で逆方向に押されたら現在位置から新しい目標へ向かいます。