Chapter 14. 3D Transformations

image with no caption

Everything we’ve discussed in CSS up until now has involved two dimensions; every element has height and width but no depth, and all of the calculations have involved only the x-axis and y-axis. But, with the introduction of the z-axis in the CSS 3D Transforms Module, CSS3 introduces a really revolutionary way of transforming an element in the third dimension (you can learn more at http://www.w3.org/TR/css3-3d-transforms/).

Moving objects around in three dimensions (3D) requires quite a lot of computer processing power, so to see elements in true 3D, you need a browser that has hardware acceleration for graphics; currently ...

Get The Book of CSS3 now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.