共计 555 个字符，预计需要花费 2 分钟才能阅读完成。
在 CSS3 中，可以利用 transform 功能实现文字或图像的旋转、缩放、倾斜、移动这 4 中类型的变形处理。
（1）浏览器支持
到目前为止：Safari3.1 以上、Chrome8 以上、Firefox4 以上、Opera10 以上浏览器支持该属性。
2 旋转
使用 rotate 方法，在参数中加入角度值，角度值后面跟表示角度单位的“deg”文字即可，旋转方向为顺时针方向。
transform：rotate（45deg）；
3 缩放
使用 scale 方法来实现文字或图像的缩放处理，在参数中指定缩放倍率。
transform：scale（0.5）；// 缩小一半
（1）可以分别指定元素的水平方向的放大倍率与垂直方向的放大倍率
transform：scale（0.5，2）；// 水平方向缩小一半，垂直方向放大一倍。
4 倾斜
使用 skew 方法实现文字或图像的倾斜处理，在参数中分别指定水平方向上的倾斜角度与垂直方向上的倾斜角度。
transform：skew（30deg，30deg）；// 水平方向上倾斜 30 度，垂直方向上倾斜 30 度。
（1）只使用一个参数，省略另一个参数
这种情况下视为只在水平方向上进行倾斜，垂直方向上不倾斜。
transform：skew（30deg）；
5
原文地址: CSS3 中的变形处理——transform 功能（旋转、缩放、倾斜、移动）
正文完
