transition-delayプロパティ

　transition-delayプロパティは、CSS Animationにおいてアニメーションを開始するまでの時間を指定するプロパティです。 値は秒（s）またはミリ秒（ms）で指定します。
　エレメントに動きを与えますが、CSS Animationが機能するCSSプロパティのみです。
　CSSのプロパティをtransition-propertyで指定することで動きを与えます。

transition-delay: 1s;

関連プロパティ

　以下の関連するプロパティがあります。 transition-propertyでアニメーション効果を与えるCSSプロパティを指定します。 transition-*プロパティを使ったCSSアニメーションでは以下のプロパティを使った方がよいでしょう。

　似たプロパティでanimationプロパティを使う方法があります。

構文(Syntax)

CSS

transition-delay: time | initial | inherit;

DOM(JavaScript)

String = object.style.transitionDelay;

object.style.transitionDelay="time | initial | inherit";

値（Values）

備考（Remarks）

Example

　transition-delayの例です。 transition-propertyで指定されたCSSプロパティがCSSアニメーションの対象です。ここでは、back-shadowプロパティです。

　マウスをエレメントに乗せてから１秒後にCSSアニメーションが始まります。 さらに、マウスをエレメントから離すと１秒後に戻るアニメーションが始まります。

　transition-delayでCSSアニメーションの開始までの時間を指定します。

　transitionプロパティで一括指定する方法もあります。

関連（Related）

　HTML、CSS、DOMのCSSアニメーションに関する用途一覧です。 CSSアニメーションができるかはCSSのプロパティによります。