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

posted @ 2016-07-20 10:41  好小子-海  阅读(539)  评论(0编辑  收藏  举报