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.