css filter 滤镜属性学习

用的最多的三个属性

1 grayscale()          调整图片的灰度

2. blur()           设置高斯模糊值，值越大越模糊

3. drop-shadow()         这个就厉害了，这个时候就是该轮到drop-shadow出场了，drop-shadow是CSS3中filter（滤镜）中阴影滤镜，它就符合真实世界的投影，非透明的颜色，就有投影；透明部分，光线穿过，没投影。而使用box-shadow，则并没有实现我们想要的效果。box-shadow顾名思意“盒阴影”，只是盒子的阴影。所以出现上面的效果也是意料之中了。

参考文章：CSS filter:drop-shadow 妙用