The animation shorthand CSS property applies an animation between styles. It is a shorthand for animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count, animation-direction, animation-fill-mode, animation-play-state, and animation-timeline....animation property is specified as one or more single animations, separated...animation is specified as: zero, one, or two occurrences of the <time>...