最新のWeb開発のチュートリアル
 

Style animationDelay Property

<スタイルオブジェクト

animationDelayプロパティ変更<div>要素を:

document.getElementById("myDIV").style.animationDelay = "1s";
»それを自分で試してみてください

定義と使用法

アニメーションが開始されるときanimationDelayプロパティが定義されています。

animationDelay値は秒単位で定義されている(s)またはミリ秒(ms)

Tip:負の値が許可される、-2Sは、アニメーションが一度開始になりますが、アニメーションに2秒を開始します。


ブラウザのサポート

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

MOZに続く数字は、接頭辞で働いていた最初のバージョンを指定します。

プロパティ
animationDelay 43.0 サポートされていません 16.0
5.0 MOZ
サポートされていません 30.0

構文

animationDelayプロパティを返します:

object .style.animationDelay

animationDelayプロパティを設定します。

object .style.animationDelay=" プロパティ値
説明
time 任意。 アニメーションが開始されるまでの待機時間を秒またはミリ秒数を定義します。 デフォルト値は0です
initial このプロパティがデフォルト値に設定します。 最初の記事を読みます
inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます

技術的な詳細

デフォルト値: 0
戻り値: 要素のアニメーション遅延性を表す文字列、
CSSのバージョン CSS3

関連ページ

CSSリファレンス: animation-delay property


<スタイルオブジェクト