What’s animation in CSS3?
The animation property is a shorthand property that enables to setting six of the animation properties without delay.
It has a following syntax:
animation: title | length | timing-function | delay | iteration-count | course | fill-mode | play-state | preliminary | inherit ;
Property Values:
title – it’s specifies the title of the keyframe you need to bind to the selector.
length – it’s specifies the length in seconds or milliseconds of the animation.
timing-function – it’s specifies the length in seconds or milliseconds of the animation.
iteration-count – it’s specifies the variety of instances to play the animation.
course – it’s specifies whether or not or not the animation ought to play in reverse on alternate cycles.
fill-mode – it’s specifies what values are utilized by the animation outdoors the time it’s executing.
play-state – it’s specifies whether or not the animation is operating or paused.
preliminary – it specifies that the worth of the property needs to be set to the default worth.