??文章首發(fā) 公眾號(hào)：夜貓?jiān)O(shè)計(jì)話
清明時(shí)節(jié)雨紛紛
家國(guó)永念 致敬英雄
2020 年 4 月 4 日弛针，清明節(jié)叠骑。
為表達(dá)全國(guó)各族人民對(duì)抗擊新冠肺炎疫情斗爭(zhēng)犧牲烈士和逝世同胞的深切哀悼，國(guó)務(wù)院決定削茁，2020年4月4日舉行全國(guó)性哀悼活動(dòng)宙枷。
在此期間掉房，全國(guó)和駐外使領(lǐng)館下半旗志哀，全國(guó)停止公共娛樂(lè)活動(dòng)慰丛。4月4日10時(shí)起卓囚，全國(guó)人民默哀3分鐘，汽車诅病、火車哪亿、艦船鳴笛，防空警報(bào)鳴響睬隶。
很多網(wǎng)站變灰了??
我們看到很多網(wǎng)站都變成了灰色锣夹，像站酷页徐，百度苏潜，B站等等。
可能我們會(huì)想這么多樣式修改要多大成本呀变勇？其實(shí)很簡(jiǎn)單幾行代碼就搞定了
我們拿站酷舉例
打開(kāi)審查網(wǎng)頁(yè)源碼
這里我們看到在?html?多了一行?fliter?樣式?grayscale()?;?這個(gè)濾鏡的效果就是 灰度恤左；
我們可以嘗試調(diào)整灰度值，調(diào)整至grayscale(50%)?;?
看搀绣，頁(yè)面中有了一點(diǎn)顏色飞袋；
我們?cè)賹⑵鋭h除，站酷的顏色就回來(lái)了链患。
我們?cè)倏催@里
html?{
?fliter:?grayscale(100%) ;
}
這段代碼其實(shí)是追加homePage.css底部的巧鸭，并且只修改了首頁(yè)的css，我們看別的頁(yè)面麻捻，其實(shí)是沒(méi)變化的纲仍。
相反看百度其實(shí)是指定到了大部分的頁(yè)面中。
再看移動(dòng)端贸毕，拿淘寶和拼多多舉例
兩端其實(shí)都是修改了頭部和底部以及首頁(yè)金剛?cè)肟诘臉邮街５鄬?duì)于Web端的一句代碼移動(dòng)端的修改成本要高一些。
最后??
更想說(shuō)的是
致敬英雄明棍，共悼逝者乡革。
向在戰(zhàn)“疫”中犧牲的烈士們致敬。
敬畏自然摊腋，守護(hù)生命沸版。
要相信嚴(yán)冬之后，必有萬(wàn)物復(fù)蘇兴蒸，必有夏花爛漫视粮。?
