css-移动&缩放元素

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

 

转载于:https://www.cnblogs.com/zhoujl-5071/p/7872753.html