CSS3 2D 转换

CSS3 2D 转换

IE9需要加前缀-ms-

• translate() //移动，根据给定的 left（x 坐标） 和 top（y 坐标） 位置参数
• rotate() //rotate(30deg) 顺时针旋转给定的角度 允许负值

• scale() 元素的尺寸会增加或减少，宽度（X 轴）和高度（Y 轴）
  值 scale(2,4) 把宽度转换为原始尺寸的 2 倍，把高度转换为原始高度的 4 倍。

• skew()元素翻转，根据给定的水平（X 轴）和垂直（Y 轴）参数：skew(30deg,20deg)

• **matrix()**matrix() 方法把所有 2D 转换方法组合在一起。

div{transform: translate(50px,100px);-ms-transform: translate(50px,100px);       /* IE 9 */-webkit-transform: translate(50px,100px);   /* Safari and Chrome */-o-transform: translate(50px,100px);        /* Opera */-moz-transform: translate(50px,100px);      /* Firefox */}