前端复习
1. 3D操作？
transform:
rotateX() : 正值向上翻转
rotateY() : 正值向右翻转
translateZ() : 正值向前，负值向后 值不能超过景深，不然就比整个屏幕还要大了
scaleZ() : 立体元素的厚度
3d写法
scale3d() : 三个值 x y z
translate3d() : 三个值 x y z
rotate3d() : 四个值 0|1(x轴是否添加旋转角度) 0|1(y轴是否添加旋转角度) 0|1(z轴是否添加旋转角度) deg
perspective（景深）: 离屏幕多远的距离去观察元素，值越大幅度越小。
perspective-origin : 景深-基点位置，观察元素的角度。
transform-origin: center center -50px; （Z轴只能写数值，不能写单词）
transform-style : 3D空间
flat (默认值2d)、preserve-3d (3d，产生一个三维空间)
backface-visibility : 背面隐藏
hidden、visible (默认值)
前端复习
1. 3D操作？
transform:
rotateX() : 正值向上翻转
rotateY() : 正值向右翻转
translateZ() : 正值向前，负值向后 值不能超过景深，不然就比整个屏幕还要大了
scaleZ() : 立体元素的厚度
3d写法
scale3d() : 三个值 x y z
translate3d() : 三个值 x y z
rotate3d() : 四个值 0|1(x轴是否添加旋转角度) 0|1(y轴是否添加旋转角度) 0|1(z轴是否添加旋转角度) deg
perspective（景深）: 离屏幕多远的距离去观察元素，值越大幅度越小。
perspective-origin : 景深-基点位置，观察元素的角度。
transform-origin: center center -50px; （Z轴只能写数值，不能写单词）
transform-style : 3D空间
flat (默认值2d)、preserve-3d (3d，产生一个三维空间)
backface-visibility : 背面隐藏
hidden、visible (默认值)
发布评论