CSS animation Property

The animation property is a shorthand property for:

• animation-name
• animation-duration
• animation-timing-function
• animation-delay
• animation-iteration-count
• animation-direction
• animation-fill-mode
• animation-play-state

Note: Always specify the animation-duration property, otherwise the duration is 0, and will never be played.

Syntax

The syntax of the property is given with:

Example -