网站一键变灰代码,2020年前端超实用

原创

2020年2月7日凌晨李文亮医生 不幸被新冠肺炎夺去了生命,年仅34岁的李文亮医生是逝者当中非常年轻的之一。作为前端开发的一员也是第一时间把网站整体变灰,以此对逝者的告慰!

网站一键变灰代码

网站一键变灰代码教程

网站变灰其实不难,对于一些有点前端功底的程序猿都可以搞定,冬镜在这里也不多废话,直接给大家上代码,此代码是纯css,也就是说mip、amp网站都是可以通用的。

html {
	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%);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\"><filter ….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);
	filter: gray;
	-webkit-filter: grayscale(1);
}

看到上面的代码,相信大家觉得很简单吧,也就是在html里面添加上面的css!具体的展现样式看冬镜博客,冬镜会在2月10号恢复以前的样式。

关于网站一键变灰代码,冬镜就分享到这里,如果您有什么不懂的,评论区留言交流。

请在后台主题设置-主题授权-激活RiPro主题的正版授权,授权购买:RiTheme官网
免责声明: 本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系处理。敬请谅解!
转载请注明出处:
网赚 » 网站一键变灰代码,2020年前端超实用

提供最优质的资源集合

赞助会员 了解详情