Using CSS3 Animations to Build a Sleek Box UI

Back just a few years ago it was required for web developers use JavaScript/jQuery to perform animated effects in-browser. CSS3 has dramatically changed the rules of the game where you can animate any standard property of an HTML element. This opens up a whole new room of effects you can put together in just 15-20 minutes of tinkering with code.

Jake Rocheleau shows uses of a few Dribbble shots as a demo of how you can setup animated box effects. The style appears when you hover over each image to display some further information such as the title, description, and publication date. He is explaining how to build a similar effect on your own website using nothing but HTML5 and CSS3 techniques.