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

    时间: 浏览:2086次  来源:站长在线
问:整个网页变成灰色的代码是什么?答:使这个网页的颜色变成灰色的最简单的方法,就是在当前页面的css里面。添加下面的代码,并且让他在任意的浏览器里面正确的执行,html{-we

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

答:使这个网页的颜色变成灰色的最简单的方法,就是在当前页面的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
码字不易,打个赏呗
杨泽业感谢你的支持!

猜你喜欢