#缅怀疫情英雄# 网站变黑白的CSS代码

今年的清明节因为疫情原因而注定不平凡,无论是大厂,小厂都把自己的界面变成了黑白(灰色调)缅怀逝去的英雄。本文简单分享一下相关的代码,希望有心的同学可以更方便的快速部署。

网站变黑白的CSS代码

<style type="text/css">
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,<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); 
-webkit-filter: grayscale(1); }
</style>

 

猜你 喜欢

关于作者: 微魔

小微魔,大智慧!

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注