观察网站页面变灰
选择一个网站 ,比如 淘宝 吧,打开浏览器开发者工具。
审查一下网页的源代码,发现在 html 的这个地方多了一个疑似的 属性,叫做 grayscale 中文叫灰度。
将其取消发现网页还原为原色,
果然是这个 html 样式起了全局的效果,在看看其他网站,博客园
body {
filter: grayscale(90%);
}
是上面这行 也是作用在全局范围内的
又看了几个也是同样,例csdn
html {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}于是我就去搜索了filter 这个样式 MDN 的官方介绍,其链接为:https://developer.mozilla.org/zh-CN/docs/Web/CSS/filter发现很给力
赞 (0)