CSS3 ANIMATION

CSS3 @keyframes Rule

The @keyframes rule creates keyframes for the animation using a CSS property that will gradually change from the CURRENT CSS property to the NEW CSS property at those keyframes. It specifies what happen over the course of one cycle of the animation.