学习妙味课堂的展示页效果
效果预览：展示页
知识点预备：
【1】transform-style属性
transform-style属性指定了它的子元素看起来是存在3D空间中，还是存在2D空间中，如果存在2D空间中，则它的子元素不能存在3D中。
注意：因为该属性不会被（自动）继承，所以必须为元素所有非叶后代节点设置该属性。
语法：transform-style: flat | preserve-3d
preserve-3d指定子元素定位在三维空间内
flat指定子元素位于此元素所在平面内。
【2】perspective属性
MDN官方文档说明：
perspective 属性指定了观察者与z=0平面的距离，使具有三维位置变换的元素产生透视效果。z>0的三维元素比正常大，而z<0时则比正常小，大小程度由该属性的值决定。
举栗子：
1 <style> 2 #wrap{ 3 4 position: relative网友评论
