落格博客

Log everything.

紀念逝去的人我是如何讓博客全局黑白的？

2017 年 7 月 20 日

最近更改：20月7日, 2017

安息

這裡記錄一下我是如何做到讓博客一下子變成黑白的，去逐個的修改主題和替換圖片元素肯定是個要命的辦法，我用的當然是全局的css風格文件了，利用css本身的功能即可實現黑白灰度渲染。

在 WordPress 主題內置的額外css中加入如下代碼保存即可生效，如果你是靜態網站，那麼就把這句加到你網站風格的最開頭即可。

1

2

3

4

5

6

7

8

9

10

html {

filter: grayscale(100%);

-webkit-filter: grayscale(100%);

-moz-filter: grayscale(100%);

-ms-filter: grayscale(100%);

-o-filter: grayscale(100%);

filter: url(desaturate.svg#grayscale);

filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

-webkit-filter: grayscale(1);

}

更新: 2017 年 7 月 20 日 at pm 2:20

如非聲明，本人所著文章均為原創手打，轉載請註明本頁面鏈接和我的名字。