元素旋转

transform变形（旋转，斜切等）

perspective设置透视距离，800符合人眼的经验数

旋转方向判断

1、X轴向右、Y轴向下、Z轴向屏幕外

2、让轴向对着自己，顺时针方向就是该轴向的旋转方向

变形中心点

中心点默认正中心

背面可见

backface-visibility:hidden;/*设置盒子背面不可见*/

transform-style:preserve-3d;/*设置按3D空间显示*/

text-align:center;/*文字居中*/

line-height:300px;/*垂直居中*/

图片翻面

transform: translateZ(10px);/*初始文字浮起10像素方便查看图片与文字分层的效果*/

transform-style:preserve-3d;

transform:perspective(800px)rotateY(0deg);/*图片和文字层重叠*/

transform: translate()水平位置位移