CSS3 made a big difference in the webdesign industry. Lots of new features added to make dynamic websites. Animation effects are often used in websites to add usability. There are plenty of ideas to make the Animation effect more effective and beautiful.
20 Awesome examples of CSS3 animation
01. Solar system
02. 3D page flip
03. Periodic table
04. CSS Creatures
This illustrated animation of AT-AT Walker from The Empire Strikes Back by Anthony Calzadilla is created entirely in CSS3. Click on the ‘view the bones’ link on the iPad and you can see how each part animates and functions. This great piece of work suggests we’re going to see a lot more of CSS3 introduced with online gaming.
09. Responsive cat
Japanese web designer and interactive director Masayuki Kido, aka Roxik, has created this animated kitty which stretches across the length of the browser window, and resizes accordingly as you reduce the window’s width. Make it narrow enough and the word changes with hilarious consequences. And the fun doesn’t end there – but we don’t want to spoilt it, so go have a play now!
10. Animated Buttons
20. 3D Clouds