砥砺前行,蜗牛也上网
电脑、VPS技术分享站

网站整体变灰-悲伤的日子我们都铭记

今天是个悲伤的日子,清明+哀悼新冠牺牲的英雄和逝世的同胞,为表达哀思本站今日全站变灰,实现代码如下:

<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>

把以上代码加入网站(WordPress)的header.php前面刷新网页即可实现

赞(0) 打赏
未经允许不得转载:上网的蜗牛 » 网站整体变灰-悲伤的日子我们都铭记

请不吝赐教 抢沙发

  • Q Q (选填)
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址 (选填)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏