animation-delay property in CSS

A simple animation-delay property example:

animation-delay: 2s;

Laboratory

description & Usage

The animation-delay property sets a delay before the animation starts.

The delay value should be seconds or milliseconds ms.

#	Description
Default Value	0s
Inherited	no
Animatable	no
Version	CSS3
JavaScript syntax	object.style.animationDelay="1s"

The numbers inserted in the browser fields indicate the version that supports the animation-delay property.

#	Chrome	Edge	Firefox	Safari	Opera
animation-delay

animation-delay: time|initial|inherit;

Values	Description
time	Specifies the delay time in seconds and milliseconds.
initial	Adds this value to its default property.
inherit	It inherits this value from its parent tag.

CSS tutorial: CSS animations

HTML DOM reference: animationDelay property