---
layout: single
property_name: animation-delay
---
Defines how long the animation has to wait before starting. The animation will only be delayed on its first iteration.
The animation will wait zero seconds, and thus start right away.
You can use decimal values in seconds with the keyword
You can use milliseconds instead of seconds, with the keyword
You can use negative values: the animation will start as if it had already been playing for
#animation-delay
default
animation-delay: 0s;
animation-delay: 1.2s;
s.animation-delay: 2400ms;
ms.animation-delay: -500ms;
500ms.