ウェブランサー

animation-timing-function - アニメーションの再生タイミングに変化を付ける

取り扱い CSS3から追加された要素
適用可能 全ての要素
継承 しない
対応ブラウザ animation-timing-functionの対応状況を確認する

animation-timing-functionプロパティの説明

animation-timing-functionは、HTMLの要素にキーフレームのアニメーションを実装する際に、3次ベジェ曲線の概念を用いて進行割合を操作し、アニメーションの再生タイミングに変化を付けるために用いるプロパティです。animation-timing-functionはCSS3で追加されたプロパティです。

animation-timing-functionの詳細

更新準備中です。

animation-timing-functionに関連するCSSプロパティ

アニメーション
animation アニメーションに関する指定をまとめて行う
animation-delay アニメーションが開始するタイミングを指定する
animation-direction アニメーションの再生方向を指定する
animation-duration アニメーションの再生一回分の時間の長さを指定する
animation-fill-mode アニメーションが再生されていない時にどのような状態で待機するかを指定する
animation-iteration-count アニメーションの繰り返し回数を指定する
animation-name アニメーションの名前を定義する
animation-play-state アニメーションを再生させるか一時停止させるか指定する
animation-timing-function アニメーションの再生タイミングに変化を付ける