Testing WebKit 3d rotations

Although these are nominally WebKit features (using -webkit CSS prefix) they work in neither Chrome 7 on Mac OS X nor WebKit nightly on Fedora - both of them do some token transforms, but they seem to ignore the perspective origin. I'd seen similar on previous 3D transform demos, so it's nothing to do with my code AFAIK.

References:

http://webkit.org/blog-files/3d-transforms/transform-style.html

By default the rotations are relative to the centre of the containing section - this is noticeable when you look at how the identical (HTML-wise) 15deg DIVs have rendered differently at the top and bottom. Move the mouse to change the perspective origin.

Click this to toggle the RotateX/Y section visibility

Debug text appears here

Regular DIV

rotateX=15deg

rotateX=30deg

rotateX=45deg

rotateX=60deg

rotateX=75deg

rotateX=90deg

rotateX=105deg

rotateX=120deg

rotateX=135deg

rotateX=150deg

rotateX=165deg

rotateX=180deg

rotateX=15deg