box-shadow和drop-shadow滤镜

展示效果

filter:drop-shadow(5px 5px 10px black)

box-shadow: 5px 5px 10px black;

很明显，box-shadow的阴影颜色更深，距离更小

drop-shadow是没有内阴影效果的

box-shadow有一个inset内阴影，即：box-shadow: inset 5px 5px 10px black;
但是，drop-shadow没有。

drop-shadow是不能阴影叠加的

box-shadow超屌的特性，就是阴影可以任意累加，因此，理论上我们可以使用box-shadow生成任意的图片，具体可以移步 =》zhangxinyu的CSS3 box-shadow盒阴影图形生成技术
这里还有个图片转box-shadow的工具 =》 图片box-shadow表示工具页面

阴影（drop-shadow） vs 盒阴影（box-shadow）

drop-shadow才是真正意义上的投影，而box-shadow只是盒阴影而已

用box-shadow和drop-shadow滤镜分别写一个虚线框

border: 10px dashed #beceeb; box-shadow: 5px 5px 10px black
border: 10px dashed #beceeb; filter: drop-shadow(5px 5px 10px black);

效果很明显