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));如下图
