3D旋转的定义
- 学过美术的都应该知道，在平面中实现看出来是3D的效果就必须用到透视。css中定义3D的方式是transform-style:<flat|preserve-3d>属性。前者flat为默认值，表示平面的；后者preserve-3d表示3D透视。元素样式中添加transfrom：perspective属性。无透视不3d;
- 透视还需要一个视点perspective。视点就是能形成3D效果的透视点，可以想象成我们的眼睛。浏览器的视点默认在显示器的上方。如果perspective的值可以想象是在z轴的前进后退。如果视点设置的太靠后，相当于我们看的东西太靠前，超过的我们眼睛的位置，就会看不到任何东西。
3D旋转的方式
- 绕X轴旋转
元素绕着X轴进行上翻或者下翻…度
deg是°的写法
transform:rotate3d(…deg,0,0)
或者 transform:rotateX(…deg)
像这样：????
- 绕Y轴旋转
绕着Y 轴进行左右的翻转
transform:rotate3d(0,…deg,0)
或者 transform:rotateY(…deg)
像这样：????
- 绕Z轴旋转
浏览器是在+x ,+y +z的象限里，（可以看坐标系的图）
z轴是正对着我们的那个轴，垂直你的笔记本屏幕的轴就是z轴。
可以把z轴想象成一个点，因为垂直与你，所以 如果一个平面绕着z轴旋转就像它在绕着一个中心点转，就会是下面的效果。