网站一键变灰代码,2020年前端超实用
SEO建站优化
· 重庆SEO ℃
发布时间: 作者:冬镜SEO
文章标签:网站变灰网站灰色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号恢复以前的样式。
关于网站一键变灰代码,冬镜就分享到这里,如果您有什么不懂的,评论区留言交流。
本文简介
文章分类: SEO建站优化
文章标题:网站一键变灰代码,2020年前端超实用
文章链接:http://mip.uqseo.com/seojz/475.html
原文地址:网站一键变灰代码,2020年前端超实用