Here is a compilation of 47 jaw-dropping CSS3 animation demos. They demonstrate the possibilities of the CSS3 transform and transition property. Some are very useful and can be used as Javascript alternatives. Most of them are simply to look cool. In order to veiw these effects, you need a webkit browser such as Safari and Chrome (sorry to the Internet Explorer users). Enjoy!
CSS3 Clock With jQuery
Analogue Clock
3D Cube That Rotates Using Arrow Keys
Multiple 3D Cubes (Slide In/Out)
CSS3 Accordion
Auto-Scrolling Parallax
Isocube
Image Gallery
Matrix
7 Javascript-effect Alternatives Using CSS3
Image Hover Effects
Turning Coke Can (Control With Scrollbar)
3D Meninas
Polaroid Gallery
Space
Note: this one is graphic intense and takes a while to load, but the result is crazy!














































Very nice post. Some of them are not cross browser.
Thanks so much for collecting and sharing this. Just fab – Helen
Wow! CSS3 has lot more to offer us. Nice blog!!
that’s is very special for me . Thank u
Your blog contains such a nice information specially for web designers
thanks for awesome heaven resources of CSS3, i was looking for few clocks types of tutorials …
I really loved reading your blog. It was very well authored and easy to understand. I also found your posts very interesting
I was going to learn javascript…..not sure I will bother now!
Nice collection.. This blog is my inspiration!
taht is nice
tank you webdesignerwall
Thanks for the list! I like All
very nice list
please consider adding css3builder.com . It creates css3 galleries that are tough to manually code
amazing content.
So helpful tips … They can be real handy espcially if you are designing site for the mobile only
woow. its great post
Very Nice Post !
Here’s a book in CSS: http://t.co/4cIuvM9m
thanks – very good
Hello Sir,
The demo of Space is not working on Firefox and IE.. Can you please suggest a solution? I need that background plz help.
Thanks,
Palace