01-3D变换

第14章　3D变换

到目前为止，我们介绍的所有东西都是二维的，每个元素都有高度和宽度，但没有深度，所有的计算也只包含x 轴和y 轴。但是，CSS 3D变换模块（CSS 3D Transforms Module）中引入的z 轴，使得CSS3引入了一种真正具有颠覆性的方法，能够在三维中变换元素（可以在http://www.w3.org/TR/css3-3d-transforms/中学到更多内容）。

让对象在三个维度（3D）中移动需要消耗非常多的计算机处理能力，所以，为了看到真正在3D中的元素，用户需要使用具有图形硬件加速的浏览器。当前，只有Safari 4.03及以上版本并且在Mac OS X 10.6和iPhone OS 2上的浏览器才具备这样的性能，其他浏览器也计划在未来的版本中包含硬件加速的功能。既然如此，本章所有使用的属性理所当然地要使用-webkit-前缀。不过，就像其他章节一样，为了简洁，我会在示例中把前缀去掉。

3D变换模块（3D Transforms Module）最初是由WebKit团队提出的，但现在已经被W3C接受，进入了推荐过程。它当前还处于工作草案状态，并且极有可能在将来多多少少会有些变化，加之它只能在一小部分可能的硬件、软件配置上工作，如果你要把3D变换用在生产网站的关键中心节点上，可能要三思而后行。