码迷,mamicode.com
首页 > 其他好文 > 详细

transform

时间:2014-09-17 18:12:02      阅读:192      评论:0      收藏:0      [点我收藏+]

标签:for   sp   代码   c   r   bs   web   ip   ca   


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)}

 

transform

标签:for   sp   代码   c   r   bs   web   ip   ca   

原文地址:http://www.cnblogs.com/xinlinux/p/3977521.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!