–transform 实现对网页元素的缩放旋转

转自网络，vanfon整理。

有五种变形样式，可以重叠多种变形样式，以空格分隔

• scale:缩放，1为原始大小。scale(x)。正数放大，负数缩小。属性值为一个时，x/y轴同时缩放；属性值为两个值时，分别控制x、y轴的缩放。
• rotate:水平旋转，属性值格式为Xdeg。rotate(Xdeg)。X为正数时，顺时针旋转；为负数时，逆时针旋转
• translate:定位元素，基于XY轴重新定位元素。translate(Xpx,Ypx)。属性值为一个时，x、y轴参数相同；为两个时，x、y轴分别定位
• skew:将元素沿水平方向倾斜变形。skew(Xdeg,Ydeg)。这个比较难表述，想象一下平行四边形吧。属性值为一个时，x、y轴参数相同；为两个时，x、y轴各自倾斜。
• matrix:矩阵，六个参数。

浏览器支持 -webkit-transform,-moz-transform,-o-transform

eg.鼠标移至色块上查看变形效果（温馨提示：IE兼容模式无法正常浏览效果）

你好，湾风网络！
QQ 938035074
互联网服务专家

样式代码：

-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg)