皇冠官网

一行 CSS 代碼實現整個網站網頁變黑白灰的效果

搬瓦工

明天全國哀悼為抗擊新冠肺炎疫情斗爭犧牲烈士和逝世通報。如果你也是站長,想做點什么,那么可以把網站編程黑白以示哀悼。下面分享一下一行代碼實現整個網站網頁編程黑白灰色的效果,主要是通過修改 CSS 的方式實現的。

一、實現網站黑白灰效果的代碼

以下代碼其實合并在一行就可以,所以標題的一行代碼并沒有什么問題。但是下面代碼分成多行,為了方便大家閱讀和理解。

<style type="text/css">
    html {
        filter: grayscale(100%); 
        -webkit-filter: grayscale(100%); 
        -moz-filter: grayscale(100%); 
        -ms-filter: grayscale(100%); 
        -o-filter: grayscale(100%); 
        -webkit-filter: grayscale(1);
    }
</style>

把代碼加在網站的 CSS 文件或者 <head></head> 之間任意部分即可。

代碼釋義:filter 是濾鏡的意思,filter:gray 的意思就是說給頁面加上一個灰度的濾鏡,所以 html 里面的所有內容都會變成黑白的了。不過這個濾鏡對于 Chrome 和 Safari 瀏覽器是無效的,所以下面會有一行 -webkit-filter: grayscale(100%); 這個樣式是專屬于使用 webkit 內核的瀏覽器的,意思和 filter: gray; 差不多,只是寫法不同罷了。

參考:

二、全國性哀悼活動

原文:

新華社北京4月3日電 為表達全國各族人民對抗擊新冠肺炎疫情斗爭犧牲烈士和逝世同胞的深切哀悼,國務院今天發布公告,決定2020年4月4日舉行全國性哀悼活動。在此期間,全國和駐外使領館下半旗志哀,全國停止公共娛樂活動。4月4日10時起,全國人民默哀3分鐘,汽車、火車、艦船鳴笛,防空警報鳴響。

鏈接:

贊(2)
版權聲明:本文采用知識共享 署名4.0國際許可協議 [BY-NC-SA] 進行授權
文章名稱:《一行 CSS 代碼實現整個網站網頁變黑白灰的效果
文章鏈接:http://wldci.com/2793.html
本站資源僅供個人學習交流,請于下載后24小時內刪除,不允許用于商業用途,否則法律問題自行承擔。