html 3d

创建简单的3d场景

perspective:800;
perspective-origin:50% 50%;

示意:

使用transform属性调整元素

• translate<位移操作>
  • translateX(X px)
  • translateY(Y px)
  • translateZ(Z px)
• rotate<旋转操作>
  • rotateX(X deg)
  • rotateY(Y deg)
  • rotateZ(Z deg)

使用transform时要设置:

transform-style:preserve-3d;
为了告诉浏览器使用transform属性设置的是3d属性

设置旋转中心