发现个好玩的 CSS 属性, filter: grayscale(100%)

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 1807 天前的主题，其中的信息可能已经有所发展或是发生改变。

批里批里 bilibili.com 今天首页灰的给我整懵了，挺好奇怎么做的。block 了两个主要的 css sheet 之后，去 web archive 下载了两个旧的贴上去都不行，最后发现是这个属性的原因

filter: grayscale(100%)

MDN 链接 https://developer.mozilla.org/en-US/docs/Web/CSS/filter

用 Chrome stylus 插件，加一条 css 属性，我的批里批里又回来咯 :P

html {filter: grayscale(0) !important;}

24 条回复 • 2020-04-06 23:13:52 +08:00

love

2019-12-13 22:23:29 +08:00

天翼 3G 真快！

shiny

2019-12-13 22:57:57 +08:00

我记得 512 时很多网站都用了灰度滤镜

binbinyouliiii

2019-12-13 23:21:39 +08:00

08 年地震那年家里有网不

Phariel

2019-12-13 23:26:17 +08:00 via iPhone

512 大地震后续的哀悼日就有了全国上下一片灰
你是家里才通水电吗？😂

rebeccaMyKid

2019-12-13 23:43:16 +08:00

@Phariel 不是吧，今天百度，qq 首页，知乎也没灰啊。我说的是这个 css 属性好玩，关这个哀悼日什么关系？？

hirasawayui

2019-12-13 23:44:20 +08:00

。。。直接，document.documentElement.style = ''

然后不关掉首页就行了

Telegram

2019-12-14 00:21:50 +08:00 via iPhone

@rebeccaMyKid #5 就是说从 512 那年开始，没到这种纪念日，很多网站都贵变灰，这个 css 参数大家早就知道了，你孤陋寡闻了

murmur

2019-12-14 00:29:43 +08:00

@rebeccaMyKid 没变灰的说明郑治觉悟不够呗

aLazarus

2019-12-14 00:45:35 +08:00 via Android

@murmur 24 小时高强度刷 v 站

baobao1270

2019-12-14 00:54:21 +08:00

我写了个 Chrome 小插件，一键切换是否变灰~

Mac

2019-12-14 00:54:28 +08:00

北京奥运会开幕式真好看

agdhole

2019-12-14 01:05:52 +08:00

drop-shadow 这个挺好看的

Austaras

2019-12-14 05:24:37 +08:00

楼上都在扯淡, 512 的时候你们都在用 IE 呢, IE 支持不支持这个 css 功能不会自己查吗?

loading

2019-12-14 06:31:45 +08:00 via Android

这个滤镜对 flash 无效。
@Austaras 那时也是灰度滤镜，一行 css 全变灰，可能不是这个。

binux

2019-12-14 06:52:41 +08:00

@Austaras #12 不支持这个，支持别的也行啊
https://j11y.io/javascript/grayscaling-in-non-ie-browsers/

uxstone

2019-12-14 09:15:40 +08:00

B 站求生欲很强了

wunonglin

2019-12-14 09:19:21 +08:00

🎉🎉🎉恭喜北京申奥成功🎉🎉🎉

littleylv

2019-12-14 09:56:44 +08:00

且不说楼主火星了，你想查为什么变灰还查了半天。我昨天右键检查元素，第一眼就在<html>标签里看到了 style="xxx"

rebeccaMyKid

2019-12-14 12:20:10 +08:00

@hirasawayui 那你总不能每次打开 b 站都打开控制台吧。。

wolfan

2019-12-14 13:32:35 +08:00 via Android

这个好像一出大事，重要站点就用的，没啥好奇怪的吧。

hirasawayui

2019-12-14 14:07:15 +08:00

@rebeccaMyKid 那 b 站总不能天天搞灰色吧。。。

Archeb

2019-12-14 14:46:31 +08:00

大清亡了！！！

zhw2590582

2019-12-15 14:40:10 +08:00 via iPhone

都不知道多少年前的东西了

gyx2cn

2020-04-06 23:13:52 +08:00

挖个坟，html 或者 body 设置了 grayscale(100%)后，如何让某一个子元素例外，也就是现实彩色？