让你的网站一键变灰色，彩色头像变灰色图片的代码！-技术分享-云码素材

让你的网站一键变灰色，彩色头像变灰色图片的代码！

发布于：2020-04-04 16:06 阅读次数：1491 作者：云码素材分类：技术分享关键词：灰色网站

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

第一个把网站变成灰色的功能，这个很简单，只需要在你的网站加入以下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/

图片变灰白色效果如下图

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

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

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

入群分享

我要加群：资源共享的时代，不要再单打独斗！加小编微信号加入群：xnynews(备注：云码素材入群)，qq群号：202498279,一起技术学习，资源分享！

免责声明

本站提供的一切软件、教程和内容信息仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。本站信息来自网络收集整理，版权争议与本站无关。您必须在下载后的24个小时之内，从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容，请支持正版，购买注册，得到更好的正版服务。我们非常重视版权问题，如有侵权请邮件与我们联系处理。敬请谅解！

原创声明：本站所有资源如果标明原创的为云码素材已测试或原创开发项目,可提供有偿技术服务,如标明为收集,为网络收集资源，网路收集资源不提供任何技术支持和服务,网络虚拟资源,一经售出,概不退货,请购买前认真看清资源详情说明。