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)
}
时间: 2024-11-06 13:19:01