transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。
用法:object.style.transform="rotate(7deg)"
1、旋转: rotate(30deg);(顺时针旋转30°)
2、2D移动:translate(x,y)(右移到x,下移到y)
3、3D移动:translate3d(x,y,z)
4、横向移动:translateX(x)(横向移动到x)
5、竖向移动:translateY(y)(竖向移动到y)
6、缩放:scale(x,y)(以元素中心为中心,横向放大x倍,竖向放大y倍)
7、横向缩放:scaleX(2)(横向放大2倍)
8、竖向缩放:scaleY(5)(竖向放大5倍)
详情及效果参考: http://www.w3school.com.cn/cssref/pr_transform.asp