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

逃离我推掉我的手 2022-07-15 00:49 291阅读 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 条评论，291人围观）

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

相关阅读

相关网页变灰方法

网页变灰方法 <style type="text/css"> html { filter:grayscale(100%); -webk

太过爱你忘了你带给我的痛/ 2023年09月26日 17:09/ 0 赞/ 29 阅读

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

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

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

相关干货：一段css让全站变灰

想到以往默哀日访问网站时发现整站会变成全灰，即想到如果立即开始开发、设计图修改等工作也会消耗大量的时间与精力，那会不会有css可以直接处理所有的元素将他们变灰，随即想到了css

雨点打透心脏的1/2处/ 2022年12月20日 11:30/ 0 赞/ 103 阅读

相关如何让网站快速变灰

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

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

相关 css图片置灰

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

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

相关 bitmap变灰

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

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

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

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

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

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

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

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

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

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

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

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

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

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