css3 tranform属性

来源:互联网 发布:dac 单片机 编辑:程序博客网 时间:2024/06/08 23:07

css3 transform 的常用属性有哪些

    transform的属性包括 :rotate()  || skew() | | translate()


transform:rorate(): 

.demo_transform1{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg)}  旋转十度

transform:skew() :


             .

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


tranform:translate()  第一个参数 正的向右位移  负的向左位移    第二个参数 正的向上  负的向下位移

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


tranform:scale()  按多少比例放大

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



原创粉丝点击