What is CSS3 Keyframe Animation?
Keyframe Animation is a technique of animating that transitions objects smoothly between two states (i.e. keyframes). CSS3 Keyframe Animation uses CSS code to enable a browser to natively animate without having to enable a proprietary third-party plug-in like Flash. Modern browsers have the ability to hardware accelerate much of the rendering process, and because CSS3 Keyframe Animations are rendered by the browser instead of Flash, much of the visual heavy lifting can be passed off to the much more efficient video card. CSS3 Keyframe Animations are currently the only way to view animations on mobile devices; modern mobile devices do not officially support Flash. Like many new CSS3 features, CSS3 Animation works in modern browsers but is not supported in older browsers such as IE9 or lower.