animation-timing-function－CSS3リファレンス

animation-timing-functionプロパティは、要素にキーフレームアニメーションを適用する場合の、 アニメーションのタイミング・進行割合を指定する際に使用します。 animation-timing-functionでは、アニメーションが継続している際に、 そのアニメーションの進行速度の割合を変更して調整することで動きを滑らかにすることができます。 これは一般的にイージング機能と呼ばれるもので、 グラフィックソフトで曲線を描く際などに利用されるベジェ曲線と呼ばれる数学的な関数を使います。 animation-timing-functionプロパティでは、アニメーションの進行割合を3次ベジェ曲線で指定します。 3次ベジェ曲線は、以下の図のような4つのコントロールポイント（P0、P1、P2、P3）で定義されます。 P0がアニメーションの開始ポイント、P3がアニメーションの完了ポイ

[hatch2]

css