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

 

转载于:https://www.cnblogs.com/qq450867541/p/7411255.html