如何让网站快速变灰

利用css滤镜,可使网站快速变灰,实现代码如下:

html {
     
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: url("data:image/svg+xml;utf8,#grayscale");
  filter: progid: DXImageTransform.Microsoft.BasicImage(grayscale=1);
  -webkit-filter: grayscale(1);
}

备注:
grayscale(*) :将图像转换为灰度图像。值定义转换的比例,可以是0~1,或是0% ~ 100%;值为100%(或1)则完全转为灰度图像;值为0%(或0)图像无变化。若未设置,值默认是0。

你可能感兴趣的:(css3,css,如何让网站快速变灰)