整个网页变成灰色的代码是什么?
- 时间:
- 浏览:381次
- 来源:站长在线 网址:https://www.olzz.com
问:整个网页变成灰色的代码是什么?
答:使这个网页的颜色变成灰色的最简单的方法,就是在当前页面的css里面。添加下面的代码,并且让他在任意的浏览器里面正确的执行,
html{
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
-o-filter:grayscale(100%);
filter:grayscale(100%);
filter:URL("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.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)
}
上面的代码就是最规范的代码,把他加入到当前页面的css里面即可,本站在2020年4月4日的清明节,就把上面的代码添加到了css里面,全站开启了页面灰色,并且持续3天,来悼念抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞。
加入官方2000人QQ群一起交流
关注官方微信公众号[站长在线]
猜你喜欢