CSS 盒子阴影效果

1、盒子定义一个3px宽高阴影

 box-shadow: 3px 3px  rgba(100, 100, 100, 1) ;

2、盒子阴影半透明化

 box-shadow: 3px 3px rgba(100, 100, 100, 0.5) ;

3、盒子阴影模糊化

 box-shadow: 3px 3px 3px rgba(100, 100, 100, 0.5) ;

4、盒子四边都有阴影

 box-shadow:  0 0 3px rgba(100, 100, 100, 0.5) ;

附不同阴影位置的写法：

左：- px   右：+ px

上：- px   下：+ px

先左右再上下

例如阴影在左下角：