CSS变形

transform属性允许对元素应用2D转换，常见的2D转换包括

移动、旋转、缩放、倾斜四种

移动：函数名translate

tanslate(x,y)：移动元素对象，基于x和y坐标重新定位元素

translateX(x)：沿着x轴移动元素

translateY(y)：沿着y轴移动元素

测试代码：

 移动之后：

 旋转：rotate

rotate（angel）：angel是度数值，代表旋转角度

代码测试：

倾斜：skew

 skewX(angel)：沿着X轴旋转

skewY：沿着Y轴旋转

代码测试:

缩放：sacle 

sacle(缩放值1):一个值代表两个方向上同时缩放

sacle(值1，值2):x,y轴方向上不同的缩放值

scaleX(值1)：只缩放一个方向X

scaleY(值1)：只缩放一个方向Y 

测试代码：