转换:
css属性—transform
1.rotate–旋转的四种方式:
项目 | Value |
---|---|
rotate | 定义2D旋转,在参数中规定角度 |
rotateX | 沿X轴的3D旋转,在参数中规定角度 |
rotateY | 沿Y轴的3D旋转,在参数中规定角度 |
rotateZ | 沿Z轴的3D旋转,在参数中规定角度 |
2.scale–缩放的三种方式
项目 | Value |
---|---|
scale | 定义2D缩放转换 |
scaleX | 通过设置X轴的值来定义缩放转换 |
scaleY | 通过设置Y轴的值来定义缩放转换 |
3.skew–倾斜的三种方式
项目 | Value |
---|---|
skew | 定义2D倾斜 |
skewX | 向横向倾斜指定度数 |
skewY | 向纵向倾斜指定度数 |
4.translate–移位的三种方式
项目 | Value |
---|---|
translate | 将元素向指定的方向移动 |
translateX | 水平方向移动 |
translateY | 垂直方向移动 |
5.matrix–放大+倾斜
6.perspective–透视图
7.transform-origin–更改转换元素的位置