這個需求我們在一些悼念日經常會看到,比如國家公祭日。。。有些網站就把背景設定為黑白頁了。
這個需求很簡單,自己動手設定了一下,用一個網站實踐了一下,如圖,沒設定之前
只要在你的網站全域性的部分新增這段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技術交流微信群