HTML Isometric "3D" Cube Using CSS Transforms

published:
2009.06.15
topics:
css
video

The isometric "3D" cube shown in the demo is created using HTML and CSS transforms available in Firefox 3.5, Safari, and Chrome. Users of these browsers should also see some video on one of the faces of the cube thanks to the new HTML5 <video> tag.

A detailed blog post about the isocube was published on hacks.mozilla.org as part of their Upgrade the Web in 35 Days series.

View the isocube in a new window.

Screenshot of Isocube Demo.