今天是 2020 年 4 月 4 日，星期六，清明節(jié)。
我們的國(guó)家經(jīng)歷了非常慘痛的時(shí)刻，很多英雄在救助他人的路上倒下，更有很多烈士英雄保衛(wèi)人民的安危遇難，今天全國(guó)下降半旗，北京時(shí)間 10 點(diǎn)全國(guó)默哀三分鐘，來(lái)致敬英雄們。同時(shí)今天一切公共娛樂(lè)活動(dòng)也都會(huì)停止，包括直播、綜藝、影視、游戲等等。
我也在這里也向全國(guó)抗擊新冠肺炎疫情斗爭(zhēng)犧牲的烈士和逝世的同胞表達(dá)深切的哀悼，向所有在抗戰(zhàn)在疫情前線的工作和醫(yī)護(hù)人員致敬。我們每一個(gè)人的平安面前，都是英雄的人墻。
網(wǎng)站變灰
今天大家可以看到很多很多網(wǎng)站包括主頁(yè)和內(nèi)容也都已經(jīng)變成了灰色，比如百度、B 站、愛(ài)奇藝、CSDN 等等。
大家可以看到全站的內(nèi)容都變成灰色了，包括按鈕、圖片等等。這時(shí)候我們可能會(huì)好奇這是怎么做到的呢？
有人會(huì)以為所有的內(nèi)容都統(tǒng)一換了一個(gè) CSS 樣式，圖片也全換成灰色的了，按鈕等樣式也統(tǒng)一換成了灰色樣式。但你想想這個(gè)成本也太高了，而且萬(wàn)一某個(gè)控件忘記加灰色樣式了豈不是太突兀了。
其實(shí)，解決方案很簡(jiǎn)單，只需要幾行代碼就能搞定了。
實(shí)現(xiàn)
我們選擇一個(gè)網(wǎng)站，比如 B 站吧，打開(kāi)瀏覽器開(kāi)發(fā)者工具。
審查一下網(wǎng)頁(yè)的源代碼，我們可以發(fā)現(xiàn)在 html 的這個(gè)地方多了一個(gè)疑似的 class，叫做 gray，gray 中文即灰色。
變灰效果
可以看到，我們只要將下面這行 CSS 樣式，加入到頁(yè)面指定節(jié)點(diǎn)，即可實(shí)現(xiàn)網(wǎng)頁(yè)變灰的效果。代碼如下：
為方便站點(diǎn)哀悼，特提供css濾鏡代碼，以表哀悼。以下為全站CSS代碼：
html {
-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
filter: grayscale(100%);
}
使用方法：這段代碼可以變網(wǎng)頁(yè)為黑白，將代碼加到CSS最頂端就可以實(shí)現(xiàn)素裝。Wordpress用戶，可以在外觀-自定義-額外CSS中添加該代碼。
用作品證明實(shí)力，網(wǎng)站建設(shè)行業(yè)排名前列
