Style animationDelay属性
- 前のページ animation
- 次のページ animationDirection
- 上一階層に戻る HTML DOM Styleオブジェクト
定義と使用方法
animationDelay 属性はアニメーションがいつ開始するかを定義します。
animationDelay 値は秒（s）またはミリ秒（ms）で定義されます。
ヒント：負の値を使用することもできます。-2s アニメーションをすぐに開始しますが、2秒の位置から再生します。
例
<div>要素のanimationDelay属性を変更します：
document.getElementById("myDIV").style.animationDelay = "1s";
構文
animationDelay属性を返します：
object.style.animationDelay
animationDelay属性を設定します：
object.style.animationDelay = "time|initial|inherit"
属性値
| 値 | 説明 |
|---|---|
| time | オプションです。アニメーションが開始する前に待つ秒数またはミリ秒数を定義します。デフォルト値は0です。 |
| initial | この属性をデフォルト値に設定します。参照してください initial。 |
| inherit | 親要素からこの属性を継承します。参照してください inherit。 |
技術的詳細
| デフォルト値： | 0 |
|---|---|
| 返り値： | 文字列、要素の animation-delay 属性。 |
| CSSのバージョン： | CSS3 |
ブラウザのサポート
animationDelay CSS3（1999）の機能です。
すべてのブラウザは完全にサポートしています：
| Chrome | Edge | Firefox | Safari | Opera | IE |
|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera | IE |
| サポート | サポート | サポート | サポート | サポート | 11 |
関連ページ
CSS リファレンスマニュアル：animation-delay 属性
- 前のページ animation
- 次のページ animationDirection
- 上一階層に戻る HTML DOM Styleオブジェクト
