ウェブランサー

animation - アニメーションに関する指定をまとめて行う

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

animationプロパティの説明

animationは、HTMLの要素にキーフレームのアニメーションを実装する際に、様々なパラメーターをまとめて指定するために使用します。アニメーションの開始タイミングや、再生時間、再生速度など、各パラメーターを制御するために用意された個別のプロパティを用いることなく、それらを一括りに記述できるショートハンドプロパティとなります。animationはCSS3で追加されたプロパティです。

animationの詳細

更新準備中です。

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

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