<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style type="text/css">
body {
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);
}
a {
color: green;
}
h1 {
color: pink;
}
p {
color: red;
}
</style>
</head>
<body>
<a href="#">我是a标签</a>
<p>我是p内容</p>
<h1>我是h1内容</h1>
<div>
<img src="https://img2.baidu.com/it/u=2229864841,4232235061&fm=26&fmt=auto" alt="">
</div>
</body>
</html>
纪念日如何让所有页面变灰色
最新推荐文章于 2024-03-04 21:22:25 发布