CSS - Presentations Expanding <div> tags
CSS animations were introduced using Webkit in 2007. In 2009 a working draft was written and added to the w3c site. As of July 2012, Apple Safari and Google Chrome browsers both utilize webkits as their layout engines and make up more than 40% of the browser market.
To use this type of CSS animation, you first specify some keyframes for the animation - basically what styles will the element have at certain times. The browser does the tweening for you. Our animation-iteration-count is set to 4. A useful setting is to change animation-iteration-count to infinite, making the animation continue forever.