Archives

Paul describes the recipe for making cool 3D shapes using a dash of CSS3 and a crap load of HTML elements. The recipe includes the -webkit-transform-style: preserve-3d; statement which I hadn’t seen before. Apparently it makes sure that an element’s children share the same 3D space as their parent, instead of being flattened. Not that I have any real understanding of what that means or anything.

Paul Hayes made a 3D rotating cube and some animated sliding cubes, Zachary Johnson made an “isocube” with video, and Zoltan “Du Lac” Hawryluk made a cube that works in Moz, Opera, WebKit and IE.

So, we’re all set for cubes then.