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

问：整个网页变成灰色的代码是什么？

答：使这个网页的颜色变成灰色的最简单的方法，就是在当前页面的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天，来悼念抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞。

猜你喜欢