发现个好玩的 CSS 属性, filter: grayscale(100%)
rebeccaMyKid · 2019-12-13 20:52:33 +08:00 · 5866 次点击这是一个创建于 1806 天前的主题，其中的信息可能已经有所发展或是发生改变。
批里批里 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;}
 |
1
love 2019-12-13 22:23:29 +08:00  2
天翼 3G 真快！
|
 |
2
shiny 2019-12-13 22:57:57 +08:00
我记得 512 时很多网站都用了灰度滤镜
|
 |
3
binbinyouliiii 2019-12-13 23:21:39 +08:00
08 年地震那年家里有网不
|
 |
4
Phariel 2019-12-13 23:26:17 +08:00 via iPhone
512 大地震后续的哀悼日就有了 全国上下一片灰
你是家里才通水电吗？😂 |
 |
5
rebeccaMyKid OP @Phariel 不是吧，今天百度，qq 首页，知乎也没灰啊。我说的是这个 css 属性好玩，关这个哀悼日什么关系？？
|
 |
6
hirasawayui 2019-12-13 23:44:20 +08:00
。。。直接，document.documentElement.style = ''
然后不关掉首页就行了 |
 |
7
Telegram 2019-12-14 00:21:50 +08:00 via iPhone 1
@rebeccaMyKid #5 就是说从 512 那年开始，没到这种纪念日，很多网站都贵变灰，这个 css 参数大家早就知道了，你孤陋寡闻了
|
 |
8
murmur 2019-12-14 00:29:43 +08:00
@rebeccaMyKid 没变灰的说明郑治觉悟不够呗
|
 |
10
baobao1270 2019-12-14 00:54:21 +08:00
我写了个 Chrome 小插件，一键切换是否变灰~
|
 |
11
Mac 2019-12-14 00:54:28 +08:00 1
北京奥运会开幕式真好看
|
 |
12
agdhole 2019-12-14 01:05:52 +08:00
drop-shadow 这个挺好看的
|
 |
13
Austaras 2019-12-14 05:24:37 +08:00 2
楼上都在扯淡, 512 的时候你们都在用 IE 呢, IE 支持不支持这个 css 功能不会自己查吗?
|
 |
14
loading 2019-12-14 06:31:45 +08:00 via Android
这个滤镜对 flash 无效。
@Austaras 那时也是灰度滤镜，一行 css 全变灰，可能不是这个。 |
 |
15
binux 2019-12-14 06:52:41 +08:00
|
 |
16
uxstone 2019-12-14 09:15:40 +08:00
B 站求生欲很强了
|
 |
17
wunonglin 2019-12-14 09:19:21 +08:00
🎉🎉🎉恭喜北京申奥成功🎉🎉🎉
|
 |
18
littleylv 2019-12-14 09:56:44 +08:00
且不说楼主火星了，你想查为什么变灰还查了半天。我昨天右键检查元素，第一眼就在<html>标签里看到了 style="xxx"
|
|
19
rebeccaMyKid OP @hirasawayui 那你总不能每次打开 b 站都打开控制台吧。。
|
 |
20
wolfan 2019-12-14 13:32:35 +08:00 via Android
这个好像一出大事，重要站点就用的，没啥好奇怪的吧。
|
|
21
hirasawayui 2019-12-14 14:07:15 +08:00
@rebeccaMyKid 那 b 站总不能天天搞灰色吧。。。
|
 |
22
Archeb 2019-12-14 14:46:31 +08:00
大清亡了！！！
|
 |
23
zhw2590582 2019-12-15 14:40:10 +08:00 via iPhone
都不知道多少年前的东西了
|
 |
24
gyx2cn 2020-04-06 23:13:52 +08:00
挖个坟，html 或者 body 设置了 grayscale(100%)后，如何让某一个子元素例外，也就是现实彩色？
|
Select Language