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 | アニメーションの再生タイミングに変化を付ける |