CSS animation-delay: specifies when the animation starts. cssanimation-delay

CSS animation-delay: specifies when the animation starts. cssanimation-delay

In CSS, the animation-delay attribute specifies when the animation starts. Host bar this article describes in detail the definition and usage of animation-delay, the syntax of animation-delay, and the instance of animation-delay.

Animation-delay attribute instance:

Wait for two seconds and start the animation:

 

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

 

Animation-delay definition and usage:

The animation-delay attribute defines when the animation starts.

The value of animation-delay is measured in seconds or milliseconds.

Tip: Negative values are allowed. The animation starts immediately in-2 s, but the animation is skipped for 2 seconds.

 

Default Value:	0
Inheritance:	No
Version:	CSS3
JavaScript Syntax:	Object. style. animationDelay = "2 s"

 

Animation-delay Syntax:

 

animation-delay: time;

 

 

Value	Description
Time	Optional. Defines the waiting time before the animation starts, in seconds or milliseconds. The default value is 0.