例
@keyframesアニメーションの名前を指定します。
div
{
-webkit-animation-name: mymove; /* Chrome, Safari, Opera */
animation-name: mymove;
}
»それを自分で試してみてください 定義と使用法
アニメーション-nameプロパティは@keyframesアニメーションの名前を指定します。
デフォルト値: | none |
---|---|
継承されました: | no |
アニメーション: | no. Read about 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 | あなたがセレクタにバインドするキーフレームの名前を指定します。 | |
none | デフォルト値。 何のアニメーションがないことを指定します(カスケードからのアニメーションを無効にするために使用することができます) | |
initial | このプロパティがデフォルト値に設定します。 初期についての記事を読みます | |
inherit | その親要素からこのプロパティを継承します。 継承についての記事を読みます |
関連ページ
CSS3のチュートリアル: CSS3アニメーション
HTML DOMリファレンス: animationName property