css3 box-shadow 属性的使用

box－shadow属性里面有6个参数，其中有2点需要注意

1、x偏移量和y偏移量可以使用负数：

•         当x，y偏移量都是正数4px，4px时，阴影在盒子的右下方；

.boxshadow-outset{
    width:100px;
    height:100px;
        box-shadow:4px 4px 6px #666; 
}

•          当x，y偏移量改为－4px，－4px时，阴影跑到了盒子的左上方:

.boxshadow-outset{
    width:100px;
    height:100px;
    box-shadow:-4px -4px 6px #666; 
}

2.x，y偏移量之后的一个参数往往指“阴影模糊半径”，即模糊距离的大小

•        阴影模糊半径为6px，模糊距离较小

.boxshadow-outset{
    width:100px;
    height:100px;
    box-shadow:-4px -4px 6px #666; 
}

•     阴影模糊半径增大到26px时，模糊距离变的非常大，从图片上可以非常清晰地看到变化

.boxshadow-outset{
    width:100px;
    height:100px;
    box-shadow:-4px -4px 26px #666; 
}