在CSS3中，通过 transform 属性来使用 transform 功能。
使用 rotate 方法，在参数中加入角度值，角度值后面跟表示角度单位的 deg 文字即可，旋转方向为顺时针旋转。
运行效果：
使用 scale 方法来实现文字或图像的缩放处理，在参数中指定缩放倍率。
上面的示例使 div 元素缩小了50%。
另外，可以分别指定元素水平方向的放大倍率与垂直方向的放大倍率。
上面的示例使 div 元素水平方向缩小了50%，垂直方向放大了一倍。
效果如图：
使用 skew 方法来实现文字或图像的倾斜处理，在参数中分别指定水平方向上的倾斜角度与垂直方向上的倾斜角度。
上面的示例使 div 元素水平方向上倾斜了30度，垂直方向上倾斜了30度。
效果如图：
另外， skew 方法中的两个参数可以修改成只使用一个参数，省略另一个参数，这种情况下视为只在水平方向上进行倾斜，垂直方向上不倾斜。
使用 translate 方法来将文字或图像进行移动，在参数中分别指定水平方向上的移动距离与垂直方向上的移动距离。
上面的示例把 div 元素水平方向上向右移动了 50px ，垂直方向上向上移动了 50px 。
另外， translate 方法中的两个参数可以修改成只使用一个参数，省略另一个参数，这种情况下视为只在水平方向上进行移动，垂直方向上不移动。
示例1：
效果如图：
示例2：
效果如图：
这两个示例都是对同一个页面中同一个元素进行多重变形的示例， 而且各种变形方曲中所使用的参数也都相同，差别只是使用三种变形方法的先后顺序不一样。但，元素在两个页面上所处位置并不相同。说明 transform 参数的顺序不同，结果可能会不一样。
在使用 transform 方融进行文字或图像的变形时，是以元素的中心点为基准点进行的。使用 transform-origin 属性，可以改变变形的基准点。
接下来，我们使用 transform-origin 属性把变形的基准点修改为第二个元素的左下角处。
运行效果：
transform-origin 属性的两个参数分别代表：基准点在元素水平方向上的位置，基准点在元素垂直方向上的位置，其中"基准点在元素水平方向上的位置"中可以指定的值为 left 、 center 、 right ， "基准点在元素垂直方向上的位置"中可以指定的值为 top 、 center 、 bottom 。
transformnone | <transform-function>
rotate默认是以z轴进行旋转的，也可以以y轴或者x轴进行选择，即rotateY()和rotateX()
默认第一个参数是沿x轴往右偏移，第二个参数是沿y轴往下偏移。
transform属性可以有多个方法
设置坐标轴的轴心，原点的位置
默认值为50%
以上所述rotate选择方法，默认是以z轴为中心进行旋转的。
none | length
length是人眼到画面的距离【具体是到哪里还不清楚】，距离越小越明显。
相对于translate多了一个z轴
z轴不会实际影响大小
flat | preserve-3d
默认是扁平化的
1. perspective()函数与perspective属性
在3D变形中，除了perspective属性可以激活一个3D空间外，在3D变形的函数中的perspective()也可以激活3D空间。
不同的地方是：perspective用在舞台元素上（变形元素们共同的父元素）；perspective()就是用在当前变形元素上，并且可以与其他的transform函数一起使用。例如，可以把：
.stage { perspective: 600px}123
写成：
.stage .box { transform: perspective(600px)}123
perspective 属性和perspective()函数功能一样，但其取值以及运用的对象有所不同。
perspective属性可以取值为none或长度值；而perspective()函数取值只能大于0，如果取值为0或比0小的值，将无法激活3D空间；
perspective属性用于变形对象父元素；而perspective()函数用于变形对象自身，并和transform其他函数一起使用。
2. perspective-origin
perspective-origin属性必须定义父元素上。通常perspective-origin属性本身不做任何事情，他必须被定义在设置perspective属性的元素上。换句话说，perspective-origin属性需要与perspective属性结合起来使用，以便将视点移至元素的中心以外的位置。
3. backface-visibility属性
backface-visibility属性决定元素旋转背面是否可见。对于未旋转的元素，该元素的正面面向观看者。当其Y轴旋转约180度时会导致元素的背面面对观众。
backface-visibility: visible | hidden1visible: 默认值，反面可见
hidden：反面不可见
一个元素
