All entries in topic: preserve-3d

Paul Hayes Creates a Sphere with 3D CSS

Posted on April 22, 2011 in It's a Cube

sphere-normal

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.

2 comments already, add yours...