转换

转换------transform

2D转换：可对元素进行移动、缩放、转动、拉长或拉伸，转换的效果是让某个元素改变形状，大小或位置

1.rotate 旋转的四种方式 rotate()方法：在一个给定度数顺时针旋转的元素，允许负值，即逆时针旋转

rotate 定义2D转换 例子:rotate(135deg); rotatex 沿X轴3D旋转 例子:rotatex(145deg); rotatey 沿Y轴3D旋转 例子:rotatey(30deg); rotatez 沿z轴3D旋转 例子:rotatez(30deg);

2.scale 缩放的三种方式 scale()方法：该元素增加或减少的大小取决于宽度(x轴)和高度(y轴)的参数

scale 定义2D缩放转换 例子:scale(135deg); scalex 沿X轴缩放3D旋转 例子:scalex(145deg); scaley 沿Y轴缩放3D旋转 例子:scaley(30deg);

3.skew 倾斜转换 skew()方法：包含两个参数值： ① 表示X轴倾斜的角度 ② Y轴倾斜的角度 负参数表示向相反方向倾斜

skew 定义2D倾斜转换 例子:skew(135deg); skewx 沿X轴倾斜3D旋转 例子:skewx(145deg); skewy 沿Y轴倾斜3D旋转 例子:skewy(30deg);

4.matrix() 方法

① 旋转 ② 缩放 ③ 移动 ④ 倾斜