HTML 3D转化模块

3D转化模块

什么是2d和3d

2d就是一个平面，没有厚度只有宽度和高度
3d是一个立体，有厚度
默认情况下所有元素都是2d

这么让一个元素呈现3d效果

和透视一样，给父元素添加一个transform-style:preserve-3d;即可

设置让整个元素无论页面多大都是居中显示

position:absolute;
left:50%;
margin-left:-元素宽的一半;

动画中如果有有和默认样式中同名的属性就会覆盖样式

在编写动画时固定不变的值 写在前边，把需要变化的值写在后边