キーフレーム

理解する

キーフレームは、アニメーションの特定の進行位置で対象のプロパティがどの値・状態を取るかを指定する基準点である。画面へ実際に描画される全フレームの一覧ではなく、キーフレーム間の途中状態はアニメーションシステムが補間する。数を増やすこと自体を滑らかさや品質の指標にせず、必要な途中状態や方向転換を表すために置く。イージングはキーフレーム間の進行方法、モーション時間はアニメーション全体の実時間を扱うため、それぞれ別の責務として区別する。percentageで指定する位置は全体時間に対する割合であり、それ自体が固定のミリ秒数を意味するわけではない。

この項目を使う分野

まだ分野別学習から参照されていません。

根拠・参考資料

• CSS Animations Level 2 — W3C