css揭秘-不规则投影filter: drop-shadow

filter 的新属性，这个属性也是从 SVG 那里借鉴过来的。尽管 CSS 滤镜基本上就是 SVG 滤镜，但我们并不需要掌握任何SVG 知识。相反，只需要一些函数就可以很方便地指定滤镜效果了，比如blur()、grayscale() 以及我们需要的 drop-shadow() ！

　　

　　filter: blur() grayscale() drop-shadow();

　　drop-shadow() 滤镜可接受的参数基本上跟 box-shadow 属性是一样

的，但不包括扩张半径，不包括 inset 关键字，也不支持逗号分割的多层投

影语法。举个例子，上面的投影：

　　box-shadow: 2px 2px 10px rgba(0,0,0,.5);如下图

　　可以这样来写：

　　filter: drop-shadow(2px 2px 10px rgba(0,0,0,.5));如下图