网站图片变灰的通用CSS解决方案

逃离我推掉我的手 2022-07-15 00:49 348阅读 0赞

<style>
    html { 
    -webkit-filter: grayscale(100%); 
    -moz-filter: grayscale(100%); 
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%); 
    filter: grayscale(100%); 
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    filter: progid: DXImageTransform.Microsoft.BasicImage(grayscale=1); 
    filter: gray;
    } 
    </style>

发表评论取消回复

表情：

评论列表（有 0 条评论，348人围观）

还没有评论，来说两句吧...

相关阅读

相关如何使用css实现网站变灰效果

目录示例代码分析 grayscale saturate 总结参考为了悼念新冠病毒牺牲的烈士，很多网站都在清明节

迈不过友情╰/ 2023年07月23日 10:56/ 0 赞/ 26 阅读

相关使网站网页变灰方法汇总

1.应用场景 <table> <tbody> <tr> <td> <p>一般在清明节，全国哀悼日，大地震的日子，以及一些影响力很大的伟人逝世或纪念日的时候，

阳光穿透心脏的1/2处/ 2023年07月22日 03:53/ 0 赞/ 28 阅读

相关 css 缩小图片后，图片变模糊的解决办法

问题描述：样式设置图片宽高后，图片缩小变的模糊了。如何解决图片模糊问题？解决办法：样式表中加入以下样式即可解决 img { image-renderi

心已赠人/ 2022年12月27日 04:59/ 0 赞/ 179 阅读

相关如何让网站快速变灰

利用css滤镜，可使网站快速变灰，实现代码如下： html { 　　filter: grayscale(100%); 　　-webkit-filte

小咪咪/ 2022年12月03日 09:54/ 0 赞/ 223 阅读

相关 css图片置灰

-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-f

左手的ㄟ右手/ 2022年11月14日 11:59/ 0 赞/ 228 阅读

相关 bitmap变灰

`public static final Bitmap grey(Bitmap bitmap) {` ` ` `int width = bitmap.getWid

阳光穿透心脏的1/2处/ 2022年08月07日 03:37/ 0 赞/ 215 阅读

相关网站图片变灰的通用CSS解决方案

<style> html { -webkit-filter: grayscale(100%); -moz-filter: grayscale

逃离我推掉我的手/ 2022年07月15日 00:49/ 0 赞/ 349 阅读

相关 IE 和 FIREFOX 下图片变灰禁用

如果您是想将页面 [网页变灰配合全国哀悼日的css代码 20100421][css_ 20100421] 下面是图片特效。 1 一种是图片之间的替换，也就是将正常的图片

电玩女神/ 2022年07月10日 18:25/ 0 赞/ 218 阅读

相关 arcgis通用百变气泡解决方案

题目宏大又拗口。没办法，我水平提升了，写文章的境界也应一起提升。所谓的提升，就是包装，要能唬得住人。比如方法总结要说成解决方案，不能扭扭捏捏，期期艾艾地说什么“心得一例”之类，

悠悠/ 2021年11月24日 02:16/ 0 赞/ 289 阅读

相关 CSS之纪念日主题网页变灰

> 你好，我是Vam的金豆之路，可以叫我豆哥。2019年年度博客之星、技术领域博客专家。主要领域：前端开发。我的微信是 maomin9761，有什么疑问可以加我哦，自己创建了一

小灰灰/ 2021年08月27日 19:48/ 0 赞/ 406 阅读