CSS3 チュートリアル

CSS3 リファレンス

Wait two seconds, then start the animation:

animation-delay:2s;
-webkit-animation-delay:2s; /*Safari and Chrome */

Try it yourself »
More examples at the bottom of this page.

animation-delay property is not supported in any browsers.

Safari and Chrome support an alternative, the -webkit-animation-delay property.

animation-delay property defines when the animation will start.

animation-delay value is defined in seconds (s) or milliseconds (ms).

チップ: Negative values are allowed, -2s makes the animation start at once, but starts 2 seconds into the animation.

デフォルト値:	0
継承:	no
バージョン:	CSS3
JavaScript構文:	object.style.animationDelay="2s"

animation-delay: time;

値	説明
time	任意。Defines the number of seconds or milliseconds to wait before the animation will start. Default value is 0

Negative values, notice that the animation starts 2 seconds into the animation cycle:

animation-delay: -2s
-webkit-animation-delay: -2s /*Safari and Chrome*/