• 首页

  • 官方

  • 主题

  • 关注

  • 联系

CSS代码加滤镜将网站变为灰色(完整版)/怎么把网站变为灰色(完整版)

CSS代码加滤镜将网站变为灰色/怎么把网站变为灰色

一、效果图

image

二、CSS代码

html{
	background-color: rgb(238, 242, 245);
	background-blend-mode: luminosity;
	/*上面两行代码将有彩色背景图片的也调为灰色*/
	filter: grayscale(95%);
	-webkit-filter: grayscale(95%);
	-moz-filter: grayscale(95%);
	-ms-filter: grayscale(95%);
	-o-filter: grayscale(95%);
	filter: url(data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale);
	filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=.95);
	}
posted @ 2022-12-01 15:02  戈小戈  阅读(181)  评论(0编辑  收藏  举报