transform的含义是:改变,使…变形,转换
transform的属性包括: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)}
原文地址:http://www.cnblogs.com/xinlinux/p/3977521.html