Flash is Dead

 

Recreating the OS X Dock with CSS3 (including zooming icons!)

http://www.zurb.com/playground/osx-dock

This is pretty awesome, I can see all kinds of uses for it. It even does the dock zooming effect, purely in CSS3!

Correction: It uses a little bit of Javascript to add the "nearby" class to the neighboring icons when you mouse over. View source to see it.

Filed under: animation css3 UI
 

Zooming Polaroid-style images with CSS3

http://www.zurb.com/playground/css3-polaroids

Neat little effect that's usually done in Flash for photographer portfolios and photo galleries. Not anymore!

Filed under: animation CSS3
 

Sliding Vinyl with CSS3

http://www.zurb.com/playground/sliding-vinyl

Nice little animated sliding effect using CSS3 animations. I saw one a little while ago that had the records spinning as they came out, but I can't seem to find it. If anyone knows where it's at, post it in the comments!

Filed under: animation css3
 

3D Coke Can in pure CSS

http://www.romancortes.com/blog/pure-css-coke-can/

This is freakin' awesome. A 3D Coke can that uses CSS to create a displacement map.

Filed under: animation CSS
 

Falling Leaves with CSS3 animations

http://webkit.org/blog-files/leaves/index.html

Ok yes, it's a little bit 1996, but it is still NOT FLASH :)

Filed under: animation css3
11
To Posterous, Love Metalab