3D Safari Sites
a feature of Safari 5          it’s all a few lines of css — no Flash here

A list of sites known to employ the brand new 3D effects of Safari 5. Mmm, hardware-accelerated CSS

Suggest a site:
Tweet or Follow



Cube
Cube
Cube
Cube
Cube
Cube
Site sponsored by:
MillionDollarCu.be — Be a little square


Apple’s HTML5 Showcase Pt 1
http://www.apple.com/html5/showcase/gallery/ NEW From the mother-ship!
Select either the Vertical or Horizntal 3D gallery
Apple’s HTML5 Showcase Pt 2
http://www.apple.com/html5/showcase/transitions/ NEW
Most of the transitions shown on the page use 3D CSS!
First Ever 3D CSS WordPress Theme
http://demos.legendthemes.com/3d/ NEW
Understanding CSS 3D Transforms
http://www.eleqtriq.com/2010/05/understanding-css-3d-transforms/ NEW
A detailed ‘how to’ page, click the ‘Open Example’ button
idzr’s 404 page
http://idzr.org/404 brilliant!
MillionDollarCu.be
http://MillionDollarCu.be Hover your cursor over any cube
Star Wars opening crawl
http://www.gesteves.com/experiments/starwars.html
Poster Circle
http://webkit.org/blog-files/3d-transforms/poster-circle.html
Western Civilisation’s 3D Transforms
http://westciv.com/tools/3Dtransforms/
A HTML5 website
http://apirocks.com/html5/html5.html#slide41 Press ‘3’ on your keyboard.
Thousand Songs
http://keishi.net/ThousandSongs/
Snow Stack
http://www.satine.org/research/webkit/snowleopard/snowstack.html Use arrow keys to move
Animations, Transitions and 3D Transforms
http://webkit.org/blog-files/3d-transforms/morphing-cubes.html
GirlieMac’s 3D-CSS and Local DB Demo
http://girliemac.com/sandbox/flickr_3d.html
Coverflow in 3D CSS
http://css-vfx.googlecode.com/svn/trunk/examples/zflow.html Use left & right arrow keys
3d Safari Sites
http://3dSafariSites.com


Don’t have Snow Leopard? You can view these sites and see their 3d effects using an iPhone or the free Safari 5 web browser for Mac or PC.
© copyright 2010. Concept by Robert Black