创建简单的3d场景
perspective:800;
perspective-origin:50% 50%;
示意:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/4ecf8086efe91fe64236a170ccb6c42a.png)
使用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属性
设置旋转中心
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/43cd0a656428b442bb6cfe5f9cf072b7.png)