CSS animation property
The animation property is used to create animation on the webpage.
This is a shorthand property, used for setting all the properties, except the animation-play-state and the animation-fill- mode property.
This is the value you will use with animation property
|animation-name||Specifies the name of @keyframes defined animations that should be applied to the selected element.|
|animation-duration||Specifies how many seconds or milliseconds that an animation takes to complete one cycle of the animation.|
|animation-timing-function||Specifies how the animation will progress over the duration of each cycle i.e. the easing functions.|
|animation-delay||Specifies a delay before the animation will start.|
|animation-iteration-count||Specifies the number of times an animation cycle should be played before stopping.|
|animation-direction||Specifies whether or not the animation should play in reverse on alternate cycles.|
|animation-fill-mode||Specifies how a CSS animation should apply styles to its target before and after it is executing.|
|animation-play-state||Specifies whether the animation is running or paused.|
|initial||Sets this property to its default value.|
animationanimation-name animation-duration animation-timing-function animation-delay animation-iteration-count animation-direction animation-fill-mode animation-play-state