web前端：CSS3 2D转换

　　css3是CSS(层叠样式表)技术的升级版本，于1999年开始制订，2001年5月23日W3C完成了css3的工作草案，主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块。

　　CSS32D转换

　　2D转换方法分为以下5种：1.位移translate()2.旋转rotate()3.缩放rotate()4.倾斜skew()5.矩阵matrix()

　　1.translate(50px,100px)，根据给定的参数，从当前位置进行移动（x轴移动距离，y轴移动距离）

　　div{

　　transform:translate(50px,100px);

　　-ms-transform:translate(50px,100px);/*IE9*/

　　-webkit-transform:translate(50px,100px);/*SafariandChrome*/

　　}

　　2.rorate(30deg);顺时针旋转指定的度数，如果参数为负，代表逆时针旋转

　　div{

　　transform:rotate(30deg);

　　-ms-transform:rotate(30deg);/*IE9*/

　　-webkit-transform:rotate(30deg);/*SafariandChrome*/

　　}

　　3.scale(2,3);宽(x轴)和高(y轴)变为指定倍数

　　div{

　　-ms-transform:scale(2,3);/*IE9*/

　　-webkit-transform:scale(2,3);/*Safari*/

　　transform:scale(2,3);/*标准语法*/

　　}

　　4.skew();在x轴和y轴上倾斜的角度

　　div{

　　transform:skew(30deg,20deg);

　　-ms-transform:skew(30deg,20deg);/*IE9*/

　　-webkit-transform:skew(30deg,20deg);/*SafariandChrome*/

　　}

　　5.matrix();矩阵有6个参数，分别代表（宽度的缩放倍数，Y轴的倾斜幅度，X轴的倾斜幅度，高度的缩放倍数，x轴的位移，y轴的位移）

　　CSS演进的一个主要变化就是W3C决定将CSS3分成一系列模块。浏览器厂商按CSS节奏快速创新，因此通过采用模块方法，CSS3规范里的元素能以不同速度向前发展，因为不同的浏览器厂商只支持给定特性。但不同浏览器在不同时间支持不同特性，这也让跨浏览器开发变得复杂。