Style animationName属性
- 前のページ animationIterationCount
- 次のページ animationTimingFunction
- 上一层に戻る HTML DOM Styleオブジェクト
定義と使用方法
animationName 属性を設定または返す@keyframesアニメーションの名前。
例
<div>要素のanimationName属性を変更する：
document.getElementById("myDIV").style.animationName = "myNEWmove";
構文
animationName属性を返す：
object.style.animationName
animationName属性を設定する：
object.style.animationName = "none|keyframename|initial|inherit"
属性値
| 値 | 説明 |
|---|---|
| none | デフォルト値。アニメーションがなく（カレルからアニメーションをオーバーライドするために使用できます）。 |
| keyframename | 選択子にバインドするキーフレームの名前を指定します。 |
| initial | この属性をデフォルト値に設定します。参照してください initial。 |
| inherit | 親要素からこの属性を継承します。参照してください inherit。 |
技術的詳細
| デフォルト値： | none |
|---|---|
| 返り値： | 文字列、要素の animation-name 属性。 |
| CSSバージョン： | CSS3 |
ブラウザサポート
animationName CSS3（1999）の機能です。
すべてのブラウザが完全にサポートしています：
| Chrome | Edge | Firefox | Safari | Opera | IE |
|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera | IE |
| サポート | サポート | サポート | サポート | サポート | 11 |
関連ページ
CSS リファレンスマニュアル：animation-name 属性
- 前のページ animationIterationCount
- 次のページ animationTimingFunction
- 上一层に戻る HTML DOM Styleオブジェクト
