Toy Story iAd Navigation
A re-creation of Apple’s demo iAd for Toy Story 3. Makes for a pretty good introduction to 3D transformations.
photo-gallery demo. As with all CSS 3D examples, this requires a recent build of Safari. Chrome doesn’t currently support 3D transformations.
(Submitted by Charles Ying)
Pure CSS3 AT-AT Walker
It’s going to be a while before we can easily create animated cartoons in HTML, but the roadblocks are mainly on the creative-tool side. The rendering engines are almost there.
3D CSS WordPress theme
Not a terribly practical demo, but pretty involved nevertheless.
An neat-looking combination of the standard WebKit “ring” demo and HTML5 local database functionality.
Here’s another thing I made while messing with WebKit’s
CSS 3D transforms, transitions, and animations, based on their morphing power cubes demo.
Star Wars opening crawl, using only HTML & CSS. Caveats: It only works in Snow Leopard in Safari 4.0.4 and the WebKit nightly. Nothing else supports the CSS 3D transforms and animations I used, but I just wanted to see if it could be done.
(Here’s a video of it on
YouTube, in case I run out of bandwidth for the day and it stops working.)
Panic’s website for
Transmit 4, with CSS animations, 3D transformations, and more.
Panic Blog features custom fonts, randomly rotated elements, rotated HTML5 video, CSS gradients, and much more.