全站变黑白CSS代码

发布于 2020-04-04  374 次阅读


适合在清明节公祭日哀悼时使用,兼容所有主流浏览器,直接添加到 <head> 或者 WP博客自定义CSS 里就可以生效了,原理就是通过 CSS 的滤镜来控制页面的显示,开了缓存的记得清除下~

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

Never give up your dreams.