アニメーションCSSプロパティの詳細とデモ

animation-nameプロパティ - [公式(英語)]

アニメーション名を指定

複数の@keyframesルールの中から任意のアニメーションを指定できます。
アニメーションをさせるためには、@keyframesルールでキーフレームを定義する必要があります。
0%が開始時のスタイル、100%が終了時のスタイルになります。
途中でさらに変化を加えたい場合は、加えたい%に同様のスタイルを定義します。

ブラウザのサポート状況

Internet Explorer 6 Internet Explorer 7 Internet Explorer 8 Internet Explorer 9 Firefox Google Chorme Safari Opera
× × × × ×

プロパティ

none指定しない(初期値)
アニメーション名を指定アニメーション名を指定
アニメーション名を指定アニメーション名を指定