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

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

微信号：Njkj-6688
添加微信好友, 获取相关信息
复制微信号

网站一键变灰代码教程

网站变灰其实不难，对于一些有点前端功底的程序猿都可以搞定，冬镜在这里也不多废话，直接给大家上代码，此代码是纯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号恢复以前的样式。

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