An animation lets an element gradually change from one style to another.
You can change as many CSS properties you want as many times as you want
To use CSS animation you must first specify some keyframe for the animation.
@keyframe rules
When you specify CSS styles inside the @keyframe rule the animation will change from the current style to the new style at a certain time.
To get the animation to work you must bind it with some element.