transform：变形
transition：过渡动画——需要触发
animation：一刷新就有动画
3d效果：transform-style:preserve-3d;
元素旋转
变形 透视距离800符合人眼的
transform:perspective(800px) rotateY(0deg);
默认沿Z轴旋转
transform: rotate(45deg);
沿X轴旋转： transform: rotateX(45deg);
沿Y轴旋转 transform: rotateY(45deg);
设置3d的样式按3d空间显示
transform-style:preserve-3d;
变形中心点：
一、transition：过渡动画——需要触发
二、transform：设置变形
样式：transform：rotate（90deg）；
可选值：rotate：Z轴转
rotateX：X轴转
rotateY：Y轴转
三、
X:nth-child（1）：匹配元素类型为X且是父元素的第一个子元素
X:nth-child（2）：匹配元素类型为X且是父元素的第二个子元素
X:nth-child（3）：匹配元素类型为X且是父元素的第三个子元素
四、tranform-origin 设置变形的中心点
设置左中为中心点：transform-origin:left center;
设置左下为中心点：transform-origin:left bottom;
背面可见：
给外面包的容器做hover
设置盒子背面不可见：backface-visibility:hidden;
设置按3D空间显示：transform-style:preserve-3d;
文字居中：text-align:center;
垂直居中：line-height:300px;
人物走动：
pycharm上有固定代码
