All about CSS animations

CSS animation allows us to animate a sequence of HTML element states over a given period. The animation is created by using step-by-step conversion from one fashion to another. In the code block above, we created a square with sides of 200 pixels and a background color of blue. Adding different colors for the background will produce a color-switching effect.