Ben's Lab

Brought to you in stunning HTML5!

Archive for January, 2011

CSS3 Animations Inspired By CSS-Tricks

Monday, January 24th, 2011

I was recently reading a post by Chris Coyier on his informative website, CSS Tricks, and I had to try out his cool animation ideas (they’re accomplished using nothing but CSS and a hint of jQuery).

Here’s what I came up with:

Animation Demo

Just to reiterate, this was Chris Coyier’s initial idea. I just messed with a few other properties to achieve extra badassness.

P.S. Make sure to view the source to see how everything is done. I’ll write more about it later, but it’s all pretty self-explanatory and I’m ready to hit the hay. Enjoy!