給整個網站設定黑白背景,用於需求:悼念日

Laravel00發表於2021-12-16

這個需求我們在一些悼念日經常會看到,比如國家公祭日。。。有些網站就把背景設定為黑白頁了。

這個需求很簡單,自己動手設定了一下,用一個網站實踐了一下,如圖,沒設定之前

只要在你的網站全域性的部分新增這段css程式碼就可以實現整站素裝了。
程式碼如下:

<style>
html{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
}
</style>

設定後,重新整理一下網站,效果如下:

好了,自己試試吧,最好放在頭部

本作品採用《CC 協議》,轉載必須註明作者和本文連結
溫馨提示:微信搜尋並關注   學Laravel  裡面有兩套Laravel課程:【laravel7.x 從入門到核心架構講解】 與 【Laravel高階實戰教程42集】,直接獲取就可以了,學習與交流可加入:PHP技術交流微信群

相關文章