New! My 44-page ebook "CSS in 44 minutes" is out! 😃

Get it now →


Defines how long the animation has to wait before starting. The animation will only be delayed on its first iteration.

default animation-delay: 0s;

The animation will wait zero seconds, and thus start right away.

animation-delay: 1.2s;

You can use decimal values in seconds with the keyword s.

animation-delay: 2400ms;

You can use milliseconds instead of seconds, with the keyword ms.

animation-delay: -500ms;

You can use negative values: the animation will start as if it had already been playing for 500ms.