transform css3 的使用及理解

 

1、transform是什么？   变形，改变

2、transform 常用属性  rotate() / skew() / scale() / translate(,) ，分别还有x、y之分，比如：rotatex() 和 rotatey() ，以此类推

3、分别的意义：

rotate()：旋转 旋转左10度 transform : rotate(-10deg)      deg表示度数

skew()  ：向左倾斜10度 transform : rotate(10deg)  

scale() :  放大1.5倍        transform : rotate(1.5)  

translate() ：位移 向右偏移20px,向上偏移15px     translate(20,15)   如果是向下和向左则是负数

 

以下表示适合什么内核

-ms-transform:rotate(7deg); //-ms代表ie内核识别码

-moz-transform:rotate(7deg); //-moz代表火狐内核识别码

-webkit-transform:rotate(7deg); //-webkit代表谷歌内核识别码

-o-transform:rotate(7deg); //-o代表欧朋【opera】内核识别码

transform:rotate(7deg); //统一标识语句。最好这句话也写下去，符合w3c标准

 

参考博文 http://www.daqianduan.com/2959.html