transform

transform的含义是：改变，使…变形，转换

 

在CSS3中transform主要包括以下几种：旋转rotate、扭曲skew、缩放scale 、 移动translate 、 矩阵变形matrix。

 

skewX(<angle>),skewY(<angle>)　　　　// <angle>　例如：30deg

cc的属性包括：rotate() / skew() / scale() / translate(,)。

1、transform:rotate()：

案例代码如：

.demo_transform1{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg)}

2、transform:skew();

案例代码如：

.demo_transform2{-webkit-transform:skew(20deg);-moz-transform:skew(20deg)}

3、transform:scale();

*如果要放大2倍，须写成"2.0";如果缩小就"-2.0";

案例代码如：

.demo_transform3{-webkit-transform:scale(1.5);-moz-transform:scale(1.5)}

4、transform:translate()：

案例代码如：

.demo_transform4{-webkit-transform:translate(120px,0);-moz-transform:translate(120px,0)}