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颜色,可以设置颜色的透明度。方便实际应用