3D风格详解1.什么是3D？1、3D是我们人眼能看到的三维空间，但是电脑上的3D并不是真正的三维空间，而是电脑渲染出来的三维空间，绘画领域，法则perspective，近大和远小（景深）“透视”，在浏览器的Z轴上呈现。二、如何使用3D1.首先为parent定义一个视距（景深）“perspective:1000px”，然后为parent定义一个3D区域“transform-style:preserve-3d”具体划定3Dareaforparent，孙子下面的元素没有效果，需要重新设置属性（同上景深）；定义好子元素的Z轴位置后，父元素可以关闭透视（景深），为子元素添加景深，这样做的目的是为了更好的观看3D效果。三、transform中Z轴的注意事项1.Z轴的方向可以通过rotate（旋转）来改变，旋转后正值总是在前面，负值总是在旋转后。四、transform中属性的默认方式1、如果transform中的属性没有指定axisXYZ轴，则默认为Z轴变化。box-shadow样式一、box-shadow取值及语法1、语法：box-shadow:0000color阴影显示模式；2.xyBlurdistanceBlursizecolor(acceptnegativevalues)阴影显示方式默认为图像扩展匹配“outset”内阴影“inset”3.阴影可以接受多个值，可以和伪元素结合使用。只写三个值时，前两个是XY，第三个是模糊距离。滤镜语法及属性1.filter：亮度（brightness）；支持百分比值（默认100%），支持数值，不支持负值。2.filter:contrast（对比度）；支持百分比值（默认100%），支持数值，不支持负值。3.filter：blur（模糊程度）；只支持像素值，相当于马赛克。4.过滤：饱和（saturation）；支持百分比值（默认100%），支持数值。5.滤镜：棕褐色（棕色色标）；支持百分比值。
