如何使用 CSS filter 把整个网页快速切换成灰色主题 All In One

为追思疫情中逝世的同袍们，在哀悼日 这一天，好像整个世界都是灰色的。
感觉最深应该就是这一天你打开任何主流的网站、软件、App，页面都是死灰色的一片。

codes

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

/* SVG  filter*/

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

body{
  filter:gray;
}

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

*{
    -moz-filter: grayscale(100%); 
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%); 
    filter: gray;
}

img { 
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);	
    filter: grayscale(100%);
    filter: url(/img/2013people/gray.svg#grayscale);
    filter: gray;-webkit-filter: grayscale(1);
}

html {
  filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);filter: gray;
  -webkit-filter: grayscale(1);
}

refs

https://www.cnblogs.com/xgqfrms/p/16939082.html#5130015

©xgqfrms 2012-2021

www.cnblogs.com/xgqfrms 发布文章使用：只允许注册用户才可以访问！

原创文章，版权所有©️xgqfrms, 禁止转载

标签：moz,网页,100%,grayscale,filter,html,webkit,CSS
From： https://www.cnblogs.com/xgqfrms/p/16940276.html