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 -webkit-transform-perspective.
Mozilla browsers are using the -moz-transform equivalents.
The effect on this box can be done using 100% CSS.
The other boxes all require some Javascript, but the animation is driven by CSS3.
yes, I'm a little crooked