CSS3: animation プロパティ - アニメーションについての一括指定

■ 概要

項　　目説　　明
記述形式 セレクタ {animation: 値 }
値 の形式 アニメーション　[， アニメーション ]
初 期 値 各プロパティの初期値
対応ブラウザー C3+ / e?+ / N?+ / Fx?+ / Op?+ / Ch9+ / Sa5+
適用可能な要素 すべての要素，::before擬似要素，::after擬似要素
継　　承 しない

■ 解説

animationプロパティ は，アニメーションについての一括指定 をします。

さらに，カンマ（ , ）で区切って，複数のアニメーションを指定することができます。

値説　　明
アニメーション １つずつの アニメーション は，半角ブランクで区切って８つのプロパティを以下のような順番に並べたものです。
animation-name animation-duration animation-timing-function
animation-delay animation-iteration-count animation-direction
animation-fill-mode animation-play-state

CSS3 では animationプロパティ の値の形式は，CSS2.1 までのそれと互換性を持つ順序になっています。　しかし，追加された２つのプロパティ （animation-fill-mode と animation-play-state） の値の指定によっては，ブラウザーが未対応でうまく動作しない可能性もあります。

互換性を重視する場合は，animationプロパティ ではなく，個々のプロパティを指定する形の方が無難かもしれません。

■ 使用例（ animation プロパティの利用）

現在準備中です。

■ 備考

【参考ページ】