15 surprising CSS3 animation effect demonstrations_html/css_WEB-ITnose

CSS is a very important part of web design. As more and more browsers continue to improve support for CSS3, designers and developers have more choices. Nowadays, you can achieve all kinds of cool effects and even animations using pure CSS.

This article collects 15 amazing CSS3 animation demonstrations that will prove the power of CSS3 Transform and Transition properties.

1. Pure CSS Coke Can

2. Colorful Clock

3. jQuery DJ Hero

4. Animated Pricing Column

5. Slick jQuery Menu

6. Frame-by-Frame Animation (Hover to Play)

7. AT-AT Walker

8. Contextual Slideout Tips With jQuery & CSS3

9. CSS3 & jQuery Slide Out Button

10. A Fresh Bottom Slide Out Menu with jQuery

11. Drop-In Modals

12. CSS3 Lightbox Gallery With jQuery

13. Easily Turn Your Images Into Polaroids with CSS3

14. Beautiful Looking Custom Dialog Box With jQuery and CSS3

15. Cross-Browser Rounded Buttons with CSS3 and jQuery