学習項目
モーション時間
アニメーションやトランジションが開始してから一つの変化を終えるまでに使う時間。
理解する
モーション時間は、時間駆動のアニメーションやトランジションが開始してから一つの変化を終えるまでに使う時間である。イージングが時間内の進み方を扱うのに対し、モーション時間は変化そのものに使う長さを扱い、開始までの遅延とも分ける。同じ時間でも変化量やイージングが違えば見た目の速度感は変わるため、単一のms値をあらゆるUIに共通する最適値として扱わない。また、時間を短くすることだけでモーションに関するアクセシビリティ上の要求を満たしたことにはしない。
この項目を使う分野
まだ分野別学習から参照されていません。
根拠・参考資料
- CSS Transitions Level 2 — W3C
- CSS Animations Level 2 — W3C
- Web Content Accessibility Guidelines (WCAG) 2.2 — World Wide Web Consortium (W3C)