background preloader

CSS

Facebook Twitter

Using CSS3 Animations to Build a Sleek Box UI. Get the FlatPix UI Kit for only $7 - Learn More or Buy Now Back just a few years ago it was required for web developers use JavaScript/jQuery to perform animated effects in-browser.

Using CSS3 Animations to Build a Sleek Box UI

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. My example below uses 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. Ultimate CSS Gradient Generator - ColorZilla.com.

Create Your Own @font-face Kits. BluCSS.