【CSS】animationプロパティ

animationプロパティとは

• @keyframe規則で定義したアニメーションを要素に適用するためのプロパティ

主なアニメーション関連のプロパティ

プロパティ名	説明
animation	アニメーション関連のショートハンドプロパティ
animation-name	アニメーションのキーフレーム名を指定する
animation-delay	アニメーションが開始する時間を指定する
animation-duration	アニメーションの実行時間を指定する
animation-iteration-count	アニメーションの繰り返し回数を指定する。 ※「infinite」を指定すると無限に繰り返す
animation-timing-function	変化のタイミングを３次ベジェ曲線で指定する。 「ease-in」、「ease-out」などのキーワードで指定することもできる。
animation-direction	アニメーションの実行方向を指定する。
animation-play-state	アニメーションの実行状態を指定する。 「running」(実行中)、「pursed」(停止中)を指定できる
animation-fill-mode	アニメーション実行前後に適用するスタイルを指定する。