效果如下:使用css的filter滤镜属性。可以巧妙的设置图片高斯模糊和特效。包括灰色纪念清明节等悼念烈士英雄灰白效果。
<imgclass='testimg'src="./img/xxx.png"alt="">
悼念效果如下设置:如果想整个页面全部变黑白屏一行代码即可。
html{
filter:grayscale(100%);
-moz-filter:grayscale(100%);
-o-filter:grayscale(100%);
-webkit-filter:grayscale(1);
}
相关参考链接,菜鸟教程:/cssref/css3-pr-filter.html
参考博客:原文链接:/gschen_cn/article/details/105085791
如果觉得《巧用css的滤镜filter属性处理图片 高斯模糊 HTML页面黑白滤镜等》对你有帮助,请点赞、收藏,并留下你的观点哦!