How to create animation in CSS3 with keyframes
Keyframes are used to specify the values for the animating properties at various stages of the animation. Keyframes are specified using a specialized CSS at-rule — @keyframes . The keyframe selector for a keyframe style rule starts with a percentage ( % ) or the keywords from (same as 0%) or to (same as 100%).