This page demonstrates the possibilities of CSS 3D Transforms which allow HTML elements rendered by CSS to appear and move in a three dimensional space. Any HTML element can be transformed, including text, images, and Flash movies including YouTube videos.
This page demonstrates layout of common HTML elements on a three-dimensional cube. The cube can be rotated in any direction, but every face is guaranteed to be visible right-side-up.

Keyboard Navigation

With the pointer outside the video, hold down Control to see the cube and press the cursor (left, right, up, down) keys to rotate it.

Button Navigation

Face 1 displays plain text in a scrollable window.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Face 2 displays form. It doesn't really do anything yet.

Face 3 displays an animated GIF.

Face 4 displays a Flash movie.

This text is replaced by the Flash movie.

Face 5 displays a static image.

Logo 01d304da6f5ba40813cb364bcea880ddf5e2b1a72813a1c03238292b6e6988b2

Face 6 displays a playable video—a simple embed from YouTube.