移动web第二天

空间转换

1.位移

translateX

translateY

translateZ （默认情况下看不见元素在z轴上的变化）

translate3d（x,y,z）

2.旋转

rotateX

rotateY

rotateZ

rotate3d（x,y,z,角度deg）

3.缩放

立体坐标轴

X轴 左负右正

Y轴 上负下正

Z轴 （今日新学） 方向由屏幕里面指向屏幕外面

other

1.视距 perspective 看见元素近大远小的效果 建议取值800-1200px（用户眼睛到屏幕的距离）

2.左手准则 根据着手来判断物体旋转的方向 方便我们判断代码如何执行的 或者根据效果图来反推代码

3.3d立方体 立体呈现 开启3d空间 transform-style: preserve-3d