Links
desandro edited this page Mar 26, 2012
·
34 revisions
- CSS 3D Transforms, Editors Draft
- Safari: Supported CSS Properties
- Surfin' Safari - Blog Archive » 3D Transforms
- Safari CSS Visual Effects Guide: Transforms
- Dirk Weber
- Building a pure CSS 3D City by Matteo Spinelli
- Pragmatic CSS3 -webit-transform matrix3d Tutorial by 9elements
If you are a rocking a CSS 3D transform, feel free to add your site to the list.
- From Surfin' Safari - Blog Archive » 3D Transforms:
- Apple Safari HTML5 Demos
- Panic - Transmit: Features -- See All New Features
- made@gloira!
- Freelancember
- Snow Stack - WebKit 3D CSS Visual Effects
- wonder webkit
- BrandAwake - (suffers from pixelation due to content not returning to Z origin plane)
- 3D Cubes, based on Paul R. Hayes 3D CSS cube II (suffers from multiple vanishing points)
- desandro.com
- 3D Rotating Molecules on the iPhone/iPad | jackadamblog - outlines clever billboarding technique for reverse transforms
- Paul Hayes
- splat collision
- Dirk Weber – pop up book in HTML and CSS
- Matthew, MadeByCanvas – multi-dimensional slideshow (falls back to a sort-of-pseudo-3D for Chrome)
- CSS3 Playground - Flip Cards (basic demo + practical applications for 3D transforms)
- BigText Demo Wizard by Zach Leatherman
- 3D Flipping Contact Form - When submitted, the form flips over to reveal an envelope that gets dropped into a mail slot.
- BeerCamp at SXSW 2011 - 3D Scrolling, sections are arranged behind one another in 3D space. Falls back to 2D scale transforms. Source on GitHub
- Alan Gresley css-class.com
- CSS Only 3D Atom Model - 3D Orbital motion in the form of an Atom, multiple synchronized transforms. Webkit Only - Safari animation only as of Chrome 9
- 20-Sided Die 3d Transforms Demo - Matthew Lein
- Matteo Spinelli cubiq.org
- Reeder for Mac (suffers from UA sniffing, blocking Chrome from displaying 3d)
- Joe Critchley
- Steff.me by Steffan Williams