モーションの原則 · 動きの作法
モーションの抑制减弱动效
- 敬意
- アクセシブル
- 控えめ
システムで動きの抑制を有効にしている人には、フェードか静止の結果を返します。移動や拡大を強制しません。
使いどころ
移動・拡大縮小・ループを含む動きはすべて配慮が必要です。単純なフェードは通常そのまま残せます。
パラメータ
prefers-reduced-motion: reduce · drops translate/scale · keeps ≤150ms cross-fade · linear
レシピ
モーションの抑制 → 150ms linear維持 ≤150ms cross-fadeモーションの抑制 → prefers-reduced-motion: reduce · drops translate/scale
AI に渡す一文
このアニメーションに prefers-reduced-motion: reduce の対応を入れてください。移動と拡大縮小は無効にし、150ms 以内のフェードだけを残します。