As of May 23rd, 2013 the 3D transforms in this demo only work using Safari 5, Chrome 10+, the WebKit Nightly build, and Firefox 10+. Browsers without 3D acceleration just switch the z-index. You won't lose any functionality!
These cards are using
-webkit-transform: rotateY() and rotateX(); with some of the 3D settings:
-webkit-transform-style: preserve3d; and
Mozilla browsers are using the
The effect on this box can be done using 100% CSS.
yes, I'm a little crooked