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

2019-12-13 20:52:33 +08:00
 rebeccaMyKid

批里批里 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;}

5903 次点击
所在节点    分享发现
24 条回复
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
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
@rebeccaMyKid #5 就是说从 512 那年开始，没到这种纪念日，很多网站都贵变灰，这个 css 参数大家早就知道了，你孤陋寡闻了
murmur
2019-12-14 00:29:43 +08:00
@rebeccaMyKid 没变灰的说明郑治觉悟不够呗
aLazarus
2019-12-14 00:45:35 +08:00
@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
这个滤镜对 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
这个好像一出大事，重要站点就用的，没啥好奇怪的吧。

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/628875

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX