Holobox: A CSS 3D cube that reacts to device orientation

Very cool tech demo, however inversing the up/down transformation would make it feel proper 3d, as in that the box "remains the same" while you move your iPad, giving the illusion that it's in the iPad.

Works perfectly on an iPad but doesn't feel intuitive at all.

Sorry to sound negative but I never understand why if someone goes to the bother of making something like this. Why they can't provide a checkbox to allow users on a desktop (without gyroscopes) to interact via mouse and see the effect.

Since this works only on such a small subset of runtimes (it only manages to slow down my Android browser), you might as well write in ActiveX and slap a HTML5 doctype to it.<p>Kudos on the hackery, don't get me wrong, I'm all for taking devices where they weren't meant to go. My issue is with a world where this kind of fragmented support will again become common, just when we were starting to have a grip on actual standards.

Doesn't work on Android / Nexus One CM7.

FYI, this doesn't appear to be working on my generation 1 iPhone.

Nice on desktop safari.