HTML入门DAY18

转换

1.位置转换
transform;translate(x,y)
transFORM ;translateX(x)
transFORM ;translateY(x,y)
transFORM ;translateZ(x,y)
transFORM ;translate3d(x,y，z)
注意XYZ大写
2.旋转
transform：rotate（*deg）;
transform：rotatex（*deg）;
transform：rotatey（*deg）;
transform：rotatez（*deg）;
transform：rotate3d（x,y,z,*deg）;[x,y,z处的数字是0或者1，0代表不转，1就转]
3.放缩
transform：scale（w，h）【w是宽的倍数，h是高度的倍数】
transform：scale（x）
transform：scale（y）
transform：scale（z）
transform：scale（x,y,z）

3d相关的属性

设置舞台的类型：transform-style ：preserve-3d
设置变形的基点：transform-origin：x坐标 y坐标 | 方向的英文
设置背面是否可见：backface-visibility:visibility | hidden;
设置景深：观察者距离被观察物体的距离
prespective:*px