例
animationNameプロパティ変更<div>要素を：
// Code for Chrome, Safari, and Opera
document.getElementById("myDIV").style.WebkitAnimationName = "myNEWmove";
// Standard syntax
document.getElementById("myDIV").style.animationName = "myNEWmove"; »それを自分で試してみてください 定義と使用法
animationNameプロパティセットや@keyframesアニメーションの名前を返します。
ブラウザのサポート
表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。
Webkitの、MOZ、またはOに続く数字は、接頭辞で働いていた最初のバージョンを指定します。
| プロパティ | |||||
|---|---|---|---|---|---|
| animationName | 43.0 4.0のWebkit | 10.0 | 16.0 5.0 MOZ | 4.0のWebkit | 30.0 15.0のWebkit 12.1 12.0 O |
注意：クロム、SafariやOperaは代替、WebkitAnimationNameプロパティをサポート。
構文
animationNameプロパティを返します：
object .style.animationName animationNameプロパティを設定します。
object .style.animationName="none| プロパティ値 値 説明 none デフォルト値。 何のアニメーションがないことを指定します（カスケードからのアニメーションを無効にするために使用することができます） keyframename あなたは、セレクタにバインドしたいキーフレームの名前を指定します。 initial このプロパティがデフォルト値に設定します。 最初の記事を読みます inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます
技術的な詳細
デフォルト値： なし 戻り値： 要素のアニメーション-nameプロパティを表す文字列、 CSSのバージョン CSS3
関連ページ
CSSリファレンス： animation-name property
<スタイルオブジェクト