平面转换

属性：transform（英文变形、变换的意思）

位移：transform:translate(水平移动距离，垂直移动距离)；      向右为正，向下为正

           移动距离可以是像素值，也可以是百分比（百分比是相对于自己的宽高而不是父元素）

           单独移动某个方向transform:translateX（值）；    transform:translateY（值）

 

旋转：transform:rotate(角度)     角度单位是deg （默认沿中心旋转）

 

改变转换原点：transform-origin:原点水平位置，原点垂直位置

                         取值：left  right top bottom center

 

多重转换：transform:translate（） rotate（）；一般是先位移再旋转（若先旋转会改变坐标轴的方向）

 

缩放：transform:scale(x,y)

          默认从中心缩放，放大：大于1的数字    缩小：小数

 

注意：transform是复合属性，若之前已经设置部分样式，后面再设置时重新写一遍之前的样式内容