CSS高级属性：变形

1. 2D位移：transform：translate（x，y）

translate（20px，15px）：x轴向右位移20px，y轴向下位移15px

translate（15px，0）等同于 translatex（15px）：表示只有x轴向右位移15px

translate（0，20px）等同于translatey（20px）： 表示只有y向下平移20px。

2.2D缩放：transform：scale（x，y）☆：宽高比例按倍数来

scale（1,1） 表示原型，不放大也不缩小。

scale（1,2）等同于scaley（2） 都表示只有y高度放大两倍。

scale（0.5,1）等同于scalex（0.5）都表示只有x宽度缩放一半。

（scale可以只接受一个值，这样的话第二个值默认相同）

3.2D倾斜：transform：skew（x，y）度数单位为deg

skew（20deg，0）等同于skewx（20deg）表示x轴倾斜20°

skew（0,15deg） 等同于skewy（15deg） 表示y轴倾斜15°

△：skew设置一个值只表示x轴倾斜的度数

4.2D旋转：transform：rotate（）

rotate（30deg） 表示绕着中心点向右旋转30°

rotate（-30deg） 表示绕着中心点向左旋转30°