css3中transform的用法

2020-12-13 05:23

阅读:536

标签:c   a   for   web   it   css   

transform:rotate旋转deg
#box1{
-moz-transform:rotate(10deg);
-webkit-transform:rotate(10deg);
}
transform:skew倾斜
#box2{
-moz-transform:skew(20deg);
-webkit-transform:skew(20deg);
}
transform:scale()放大
#box3{
-moz-transform:scale(2.0);
-webkit-transform:scale(2.0);
}
transform:translate位置偏移
#box4{
-moz-transform:translate(100px,100px);
-webkit-transform:translate(100px,100px);
}

实例:
li img:hover {
-webkit-transform:scale(1.05);
-moz-transform:scale(1.05);
-ms-transform:scale(1.05);
-o-transform:scale(1.05);
transform:scale(1.05)
}

 

css3中transform的用法,搜素材,soscw.com

css3中transform的用法

标签:c   a   for   web   it   css   

原文地址:http://www.cnblogs.com/shy1766IT/p/3736314.html


评论


亲,登录后才可以留言!