CSS3 animation-name プロパティ

❮ 前章へ 完全な CSS リファレンス 次へ ❯

@keyframes アニメーションの名前を指定します:

div {
    -webkit-animation-name: mymove; /* Chrome, Safari, Opera */
    animation-name: mymove;
}
Try it Yourself ❯

定義と用法

animation-name プロパティは、@keyframes アニメーションの名前を指定します。

デフォルト値: なし
継承: 継承する
アニメーション可否: 不可。animatable を参照
バージョン: CSS3
JavaScript 構文: object.style.animationName="myNEWmove" Try it

ブラウザ・サポート

表中の数字は、完全にプロパティをサポートした最初のブラウザのバージョンです。

-webkit-、-moz-、-o- の後に続く数字は、接頭辞付きで動作した最初のバージョンです。

プロパティ
animation-name 43.0
4.0 -webkit-
10.0 16.0
5.0 -moz-
9.0
4.0 -webkit-
30.0
15.0 -webkit-
12.0 -o-

CSS 構文

animation-name: keyframename|none|initial|inherit;

プロパティの値

説明
keyframename セレクタにバインドしたいキーフレーム名を指定します
なし デフォルト値。アニメーションを実行しないことを指定します (カスケードからくるアニメーションを上書きするために使用できます)
initial プロパティにデフォルト値を設定します。initial を参照
inherit このプロパティは親要素を継承します。inherit を参照

関連ページ

CSS3 チュートリアル:CSS3 Animations

HTML DOM リファレンス:animationName プロパティ


❮ 前章へ 完全な CSS リファレンス 次へ ❯