整个网页变成灰色的代码是什么?

  • 时间:
  • 浏览:254次
  • 来源:站长在线 网址: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天,来悼念抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞。

本文地址:https://www.olzz.com/wangyebianchenghuisededaima.html
加入官方2000人QQ群一起交流
关注官方微信公众号[站长在线]

猜你喜欢