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