【html代码】一段css让全站变灰的代码 哀悼,祈福

想到以往默哀日访问网站时发现整站会变成全灰,即想到如果立即开始开发、设计图修改等工作也会消耗大量的时间与精力,

那会不会有css可以直接处理所有的元素将他们变灰,随即想到了css3的filter(滤镜),并也证实了这一想法的可行性。

影响全站的方法我们可以将该样式应用到根元素html上,即使创建了新的定位基准元素,也不会对子孙元素产生不符合预期的影响。

把这段css加到了body上

html { 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,#grayscale"); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);}以下效果

或把以下字段粘贴到网页头部文件内:

<head><style type="text/css">html {FILTER: gray}</style></head>

本文作者:舞夕博客
文章标题:【html代码】一段css让全站变灰的代码 哀悼,祈福
本文链接:http://www.57bk.xyz/archives/1272
THE END
分享
二维码
打赏
< <上一篇
下一篇>>
文章目录
关闭
目 录