3d的定义和使用

父标签：

transform-style: preserve-3d;

perspective: 1200px;

perspective-origin: 50% 50%;

子标签：

 

轴平移，正数距离眼睛更近

 

transform: rotateX() rotateY() rotateZ()

 

围绕x轴旋转，正角度上面向后

 

围绕y轴旋转，正角度右边向后

 

围绕z轴旋转，正角度顺时针

 

标签：围绕,定义,50%,transform,旋转,perspective,使用,3d
来源： https://www.cnblogs.com/bg618/p/15961774.html