box-shadow和text-shadow阴影浅析

box-shadow为元素快阴影，text-shadow为文本阴影，两个属性参数与用法都一致，下面以box-shadow为例

基本语法是{box-shadow:[inset] x-offset y-offset  blur-radius spread-radius color}

insert：为内阴影，是阴影类型的唯一值，可以不加，不加表示外阴影

x-offset：向左偏移x轴的值，可以为负数，负数则表示向右偏移x轴的值

y-offset：向下偏移y轴的值，可以为负数，负数则表示向上偏移y轴的值

blur-radius：阴影模糊半径，可选，只能为正值，值越大，表示元素边缘越模糊，如果为0，则表示不模糊

spread-radius：阴影扩展半径，可选，如果为正数，阴影半径则放大，如为负数，阴影半径则缩小。

color：阴影的颜色，可选，如果不写，那颜色为浏览器的默认颜色，建议使用rbg颜色，可以设置颜色的透明度。方便实际应用

转载于:https://www.cnblogs.com/wanghai1989/p/5687427.html