rebeccaMyKid

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

  •  
  •   rebeccaMyKid · Dec 13, 2019 · 6889 views
    This topic created in 2518 days ago, the information mentioned may be changed or developed.

    批里批里 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 replies  •  2020-04-06 23:13:52 +08:00
    love
    love
    Dec 13, 2019❤️2
    1
    天翼 3G 真快!
    shiny
    shiny
    PRO
    Dec 13, 2019
    2
    我记得 512 时很多网站都用了灰度滤镜
    binbinyouliiii
    binbinyouliiii
    Dec 13, 2019
    3
    08 年地震那年家里有网不
    Phariel
    Phariel
    Dec 13, 2019 via iPhone
    4
    512 大地震后续的哀悼日就有了 全国上下一片灰
    你是家里才通水电吗?😂
    rebeccaMyKid
    rebeccaMyKid
    OP
    Dec 13, 2019
    5
    @Phariel 不是吧,今天百度,qq 首页,知乎也没灰啊。我说的是这个 css 属性好玩,关这个哀悼日什么关系??
    hirasawayui
    hirasawayui
    Dec 13, 2019
    6
    。。。直接,document.documentElement.style = ''

    然后不关掉首页就行了
    Telegram
    Telegram
    Dec 14, 2019 via iPhone❤️1
    7
    @rebeccaMyKid #5 就是说从 512 那年开始,没到这种纪念日,很多网站都贵变灰,这个 css 参数大家早就知道了,你孤陋寡闻了
    murmur
    murmur
    Dec 14, 2019
    8
    @rebeccaMyKid 没变灰的说明郑治觉悟不够呗
    aLazarus
    aLazarus
    Dec 14, 2019 via Android
    9
    @murmur 24 小时高强度刷 v 站
    baobao1270
    baobao1270
    Dec 14, 2019
    10
    我写了个 Chrome 小插件,一键切换是否变灰~
    Mac
    Mac
    Dec 14, 2019❤️1
    11
    北京奥运会开幕式真好看
    agdhole
    agdhole
    Dec 14, 2019
    12
    drop-shadow 这个挺好看的
    Austaras
    Austaras
    Dec 14, 2019❤️2
    13
    楼上都在扯淡, 512 的时候你们都在用 IE 呢, IE 支持不支持这个 css 功能不会自己查吗?
    loading
    loading
    Dec 14, 2019 via Android
    14
    这个滤镜对 flash 无效。
    @Austaras 那时也是灰度滤镜,一行 css 全变灰,可能不是这个。
    binux
    binux
    Dec 14, 2019
    15
    @Austaras #12 不支持这个,支持别的也行啊
    https://j11y.io/javascript/grayscaling-in-non-ie-browsers/
    uxstone
    uxstone
    Dec 14, 2019
    16
    B 站求生欲很强了
    shakaraka
    shakaraka
    Dec 14, 2019
    17
    🎉🎉🎉恭喜北京申奥成功🎉🎉🎉
    U7Q5tLAex2FI0o0g
    U7Q5tLAex2FI0o0g
    Dec 14, 2019
    18
    且不说楼主火星了,你想查为什么变灰还查了半天。我昨天右键检查元素,第一眼就在<html>标签里看到了 style="xxx"
    rebeccaMyKid
    rebeccaMyKid
    OP
    Dec 14, 2019
    19
    @hirasawayui 那你总不能每次打开 b 站都打开控制台吧。。
    wolfan
    wolfan
    Dec 14, 2019 via Android
    20
    这个好像一出大事,重要站点就用的,没啥好奇怪的吧。
    hirasawayui
    hirasawayui
    Dec 14, 2019
    21
    @rebeccaMyKid 那 b 站总不能天天搞灰色吧。。。
    Archeb
    Archeb
    Dec 14, 2019
    22
    大清亡了!!!
    zhw2590582
    zhw2590582
    Dec 15, 2019 via iPhone
    23
    都不知道多少年前的东西了
    gyx2cn
    gyx2cn
    Apr 6, 2020
    24
    挖个坟,html 或者 body 设置了 grayscale(100%)后,如何让某一个子元素例外,也就是现实彩色?
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   3721 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 81ms · UTC 05:26 · PVG 13:26 · LAX 21:26 · JFK 00:26
    ♥ Do have faith in what you're doing.