在 Chrome 中显示如下：

　　(7)、2D 转换方法

函数 说明

matrix(n,n,n,n,n,n) 定义 2D 转换，使用六个值的矩阵。

translate(x,y) 定义 2D 转换，沿着 X 和 Y 轴移动元素。

translateX(n) 定义 2D 转换，沿着 X 轴移动元素。

translateY(n) 定义 2D 转换，沿着 Y 轴移动元素。

rotate(angle) 定义 2D 旋转，在参数中规定角度。

scale(x,y) 定义 2D 缩放转换，改变元素的宽度和高度。

scaleX(n) 定义 2D 缩放转换，改变元素的宽度。

scaleY(n) 定义 2D 缩放转换，改变元素的高度。

skew(x-angle,y-angle) 定义 2D 倾斜转换，沿着 X 和 Y 轴。

skewX(angle) 定义 2D 倾斜转换，沿着 X 轴。

skewY(angle) 定义 2D 倾斜转换，沿着 Y 轴。

　　(8)、宝丽来图片

　　通过 CSS3 的 transform 属性和 box-shadow 属性可以创建好看的宝丽来图片，即顶部和左右两边都有一定距离的白边，底部的白边最长，可用于图片描述：

宝丽来照片最美的时光，留给最美的风景。大漠孤烟直，长河落日圆。

　　在 IE 中显示如下：