WebForm——浏览器兼容、旋转、缩放、倾斜、移动

transform属性

一、旋转-rotate(角度deg)-deg为角度单位

-o-transform:rotate(45deg)  Opera

-ms-transform:rotate(45deg)  IE9

-moz-transform:rotate(45deg)  Firefox

-webkit-transform:rotate(45deg)  Chrome 和 Safari

二、缩放-scale()

transform:scale(x,y)  x,y倍率,如0.5倍5倍等

transform:scaleX(x)  X轴缩放x倍

transform:scaleY(y)  Y轴缩放y倍

三、倾斜(扭曲)-skew(角度deg)-deg为角度单位

transform:skew(x,y)  x,y角度

transform:skewX(x)  X轴缩x角度

transform:skewY(y)  Y轴缩y角度

四、移动-translate(5px,5px)

transform:translate(x,y)  X、Y轴同时移动x、y距离

transform:translateX(x)  X轴移动

transform:translateY(y)  Y轴移动

五、元素基点-transform-origin

transform-origin:right

 

posted @ 2017-08-22 14:00  野性狼心  阅读(389)  评论(0编辑  收藏  举报