网站整体变灰—特殊的日子里你我同在

这是一个令人悲伤的日子,再这样一个日子里我们希望通过设置网站整体变灰表达我们的情感。这样一个日子里无需多言,添加如下代码至网站头部样式即可!

《style type="text/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,<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=1);
		-webkit-filter: grayscale(1);
	}
</style》
四月 4

历史上的今天

未经允许不得转载

文章标题:蝈蝈要安静 » 网站整体变灰—特殊的日子里你我同在

原文链接:https://blog.quietguoguo.com/3942.html

发布信息:文章由【蝈蝈要安静】于<2020-04-04>发布于【HTML/CSS/JS】分类下

相关标签:||

相关推荐

评论 (1)

  • 昵称(必填)
  • 邮箱(必填)
  • QQ(选填)
  • 网址(选填)
  1. #0

    这个超级实用,大赞

    DCA3个月前 (08-11)回复