今年的清明是灰色的，由于疫情原因，牺牲了很多的烈士和同胞，整个互联网也是灰色的，为了纪念我们的同胞，做为一个码农，没什么本事，写了点代码分享给大家，让你的网站和头像变成灰色的，以此悼念那些牺牲的烈士和同胞。

第一个把网站变成灰色的功能，这个很简单，只需要在你的网站加入以下css代码，你的网站全网就会变成灰色的，我就把自己的网站变成了灰色，以示哀悼之心！

具体的代码如下：

<!--页面变灰-->
<style type="text/css">
	body,html, * {
		filter: gray !important; 
		filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
		filter: grayscale(100%); 
		-webkit-filter: grayscale(100%); 
		-moz-filter: grayscale(100%); 
		-ms-filter: grayscale(100%); 
		-o-filter: grayscale(100%);  
	}
</style>

把这行代码复制到你的网站head之间，网站瞬间变灰。

第二个把你的头像变成灰白色的图片：

这个方法是在v2ex上看到的，感觉使用起来很方便，方便那些想更换为灰白色头像但又没有PhotoShop 等工具的人，作者TheZihanGu写出了一个接口和网页。使用方法也很简单，只需要上传图片，再访问给出的链接，保存即可。

使用的地址：mourn.zihangu.com

作者还提供了一个api接口，你也可以基于他这个api接口开发一个属于自己的功能。

接口地址：

https://api.tzg6.com/doc/mourn/

图片变灰白色效果如下图

一年一度清明节，今又清明倍思亲人。愿逝去的朋友在天堂里享福，生者发奋图强。雨幕茫茫天苍苍，清明时节心惆怅。郊外凉风断人肠，菊花盛开满地伤。扫墓祭祖泪满裳，诚心悼念来焚香。烟雾缭绕上天堂，保佑逝者永安康。

如果你不知道怎么使用以上两个方法，私信我，我来告诉你。

欢迎关注云码素材，交流分享! 云码素材原创作品，更多精品资源下载，技术分享请关注，私信云码素材！