css樣式實現網頁全黑白

昨天全國哀悼，許多游戲停服、娛樂網站暫停娛樂活動。網站也都換成了沉痛的黑白色，許多程序猿加班搞這個【頭大】。但這一需求，其實用簡單的css樣式即可實現：

原理：設置全局樣式，使用filter屬性中的grayscale實現（濾鏡功能中的灰度設置）

html {
            -webkit-filter: grayscale(100%);
            -moz-filter: grayscale(100%);
            -ms-filter: gray(100%);
            -o-filter: grayscale(100%);
            filter: grayscale(100%);
            filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
        }

IE瀏覽器不兼容不支持，可試着用canvas調節圖像灰度，但需要重新渲染，加載太慢！放棄了！

效果展示：

前：

后：