The animation-delay, animation-direction, animation-duration, animation-fill-mode, animation-iteration-count, animation-name, and animation-timing-function CSS properties are used to control the appearance of an element's animation.


animation-delay: specifies the amount of time to wait before starting the animation.

animation-direction: specifies whether the animation should play forward, backward, or alternate back and forth.

animation-duration: specifies the length of time that the animation should take to complete.

animation-fill-mode: specifies what styles should be applied to the element when the animation is not playing.

animation-iteration-count: specifies the number of times the animation should be played.

animation-name: specifies the name of the @keyframes animation to be used for the element.

animation-timing-function: specifies the speed curve of the animation.