css开门案例

一、开门案例

transform-style:preserve-3d;  让元素及其内部元素（子元素）的转换呈现3D效果，需要配合透视属性（景深属性）来做：

perspective: 700px;  (一般我们会给700px~1500px);

css3属性perspective（可以理解为 人眼到物体的距离）

注意：

transform-style:preserve-3d;  与perspective: 700px;一起使用才可以又想要的效果。