效果如下:使用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