3D变形：平移、旋转、缩放

什么是3d转换

定义元素在三维空间移动、缩放、旋转

3d坐标轴（图示）

###

3D立体空间的3根轴线

• x轴：水平，向右为正，向左为负

• y轴：垂直，向下为正，向上为负

• z轴：垂直于屏幕，向外为正，向内为负

1）3D必备属性

• transform-style: preserve-3d; 创建3d空间

• 什么时候搭建3d舞台？

  • 父元素有3D变形，子元素也有3D变形

• perspective属性：景深（透视），属性值为透视点到元素的距离，近大远小；也可以让网页产生3D效果，单位像素