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