想问各位 V2 大佬， B 站今日黑白页是怎么实现的？

2020-04-04 01:01:47 +08:00
 JackWolf001

在这深切哀悼在抗击新冠肺炎疫情斗争中牺牲的烈士和逝世同胞，愿逝者安息，愿生者奋发，愿祖国昌盛。

10432 次点击
所在节点    程序员
48 条回复
ostrichb
2020-04-04 01:03:19 +08:00
去看看网页的 css 你就懂了
hpj
2020-04-04 01:08:13 +08:00
看我，写了一篇。
Procumbens
2020-04-04 01:21:17 +08:00
<style>html.gray{-webkit-filter:grayscale(.95)}</style>
VDimos
2020-04-04 02:53:51 +08:00
直接在 html 加滤镜，filter，不过这个玩意儿着实烦人的就是，ie 行为存在很大差距
indev
2020-04-04 03:07:26 +08:00
也是刚刚学到的：

html {
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);
}
saozhu
2020-04-04 07:42:28 +08:00
安卓的 app 似乎只有视频列表有效果，是不是说明这部分是 h5 呀
wework
2020-04-04 08:59:14 +08:00
我发现首页的 favicon.ico 还是有颜色的
raincode
2020-04-04 09:39:26 +08:00
头条也是啊
zsdroid
2020-04-04 09:53:57 +08:00
百度 “哀悼 css”
ASmartPig
2020-04-04 10:54:17 +08:00
安卓整个 APP 都灰了，热更新吗
nnz
2020-04-04 13:09:54 +08:00
https://blog.bytebye.com/article/20200404aidao
JackWolf001
2020-04-04 13:34:05 +08:00
应该是全局加 css 样式，ico 不影响吧
JackWolf001
2020-04-04 13:34:52 +08:00
@ostrichb 虽然没在 B 站找到对应的 css，现在懂了
katoyu
2020-04-04 13:35:46 +08:00
去看看外交部： https://www.fmprc.gov.cn/web/

这种怎么实现的啊？哈哈哈哈
AyaLee
2020-04-04 13:40:39 +08:00
@katoyu hhhhhhh
vinsec
2020-04-04 13:41:34 +08:00
@katoyu 哈哈哈哈哈哈哈
Telegram
2020-04-04 13:43:29 +08:00
@katoyu #14 这个高级，领导人彩色。
ShallowAi
2020-04-04 13:46:06 +08:00
html {filter: grayscale(100%)}
操作 1 CSS
<html style="filter: grayscale(100%)">
操作 2 内嵌 style
JackWolf001
2020-04-04 13:46:12 +08:00
@katoyu hhhhhhhhhh，这个可以
fixbugs
2020-04-04 13:47:54 +08:00
@katoyu hhh 这个厉害了

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

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

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

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

© 2021 V2EX