01-2D变换

第12章　2D变换

HTML工作的方式决定了它的所有元素都由长方形方块和直角边角组成，所以网页多半是四四方方的传统外观，带有大量水平和垂直线条，而唯一能改变这一规则的方法就是使用图片。但是早在2008年，WebKit团队就提出了一个新的模块，允许对元素进行旋转、大小调整、倾斜和随意的变换。这一模块随即被WC3所采纳，并被确定为2D变换模块（2D Transformations Module，http://www.w3.org/TR/css3-2d-transforms/）。

该模块的组件是改编自可伸缩矢量图形（Scalable Vector Graphics，SVG）语言中的函数，这是一个绘制二维图像的规范。SVG被大多数的现代浏览器所支持，所以Firefox和Opera很快就在它们各自的产品中实现了2D变换。IE9的候选版本对此也有实现，所以该模块应该会出现在该浏览器的最终发布版中。这一切意味着你可以立刻就使用这些新特性开始开发实践。

在我开始介绍语法之前，有一件事情需要注意：在本章结束的时候，我会介绍一些相当复杂的函数，所以你可能需要复习一下三角学的知识。是不是觉得有点紧张了？别担心，我会试着尽可能让学习的过程不那么痛苦。