32-transform变换之translate平移，rotate旋转，origin盒子中心，scale缩放

平面转换transform，改变盒子在平面内的变换（平移，旋转，缩放）

1.平移translate

transform:translate（X轴平移距离，Y轴平移距离); 

 1.1取值（正负都可以）：

1）px像素单位数值

2）%百分比（参照盒子的自身尺寸）

3）X轴正向为右，Y轴正向为下

2.旋转rotate

transform：rotate（角度）

角度单位是deg ，取值正负都可以；取值为正，顺时针旋转。取值为负，逆时针旋转。

2.1盒子中心

transform-origin：原点水平位置     原点垂直位置;

方位名词：left，top，right，bottom，center。像素单位数值px。百分比%：按照盒子自身尺寸计算。

  


   
我是一个盒子

 2.3又平移又旋转：使用transform复合属性实现多形态转换

3.缩放scale

transform：scale（X轴缩放倍数，Y轴缩放倍数);

一般情况下，只为scale设置一个值，表示x轴和y轴等比例缩放。transform：scale（缩放倍数）；scale值大于1，表示放大  ;  scale值小于1，表示缩小。