css3 2D转换-移动、旋转、缩放

转换（transform）是css3中具有颠覆性的特征之一，可以实现元素的移动（translate）、旋转（rotate）和缩放（scale）。

1.移动

语法：

重点：

2.旋转

语法：

重点：

转换中心点：

重点：

注：1.transform-origin后可以跟方位名词，如左下角：left bottom；

 2.transform-origin默认的是50% 50% 等价于 center center；

3.可以是px像素，如：transform-origin：10px 50px；

 

3.缩放

语法：

重点：

注：1.里面写的数字不跟单位  是倍数；

 

4.2D转换综合写法

transform：translate（） rotate（） scale（）

中间用空格隔开。

注意：