巧用css的滤镜filter属性处理图片，高斯模糊，HTML页面黑白滤镜等

效果如下：使用css的filter滤镜属性。可以巧妙的设置图片高斯模糊和特效。包括灰色纪念清明节等悼念烈士英雄灰白效果。

 <img class='testimg' src="./img/xxx.png" alt="">

悼念效果如下设置：如果想整个页面全部变黑白屏一行代码即可。

html{

   filter:grayscale(100%);

   -moz-filter:grayscale(100%);

   -o-filter:grayscale(100%);

   -webkit-filter:grayscale(1);

}

相关参考链接，菜鸟教程：https://www.runoob.com/cssref/css3-pr-filter.html

参考博客：原文链接：https://blog.csdn.net/gschen_cn/article/details/105085791