Apple’s iPhone 4S CSS3 animation explained

If you go to the iPhone4S product page on the Apple site, you’ll see some sweet CSS3 animations at work. John B. Hall took the birds’ eye view and analyzed what happens. The “phone stage” (blue-bordered box) contains all 6 “slides” of the animation sequence and has a transition css property with a duration and …

Animate.css

animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness. To use them in your project, simply add the class to the element, or call the animation yourself in your CSS file. The classes and the animations have the …

Mac ‘n’ Cheese

Mac ‘n’ Cheese is an animated short directed and created by four students at the Utrecht School of Arts in the Netherlands. This roughly two minute animation took about five months to make, and about a bajillion peanut butter sandwiches. The authors also note it’s “inspired by Team Fortress 2 and Meet Buck”, the latter …