<style>
html {
filter: grayscale(1);
}
</style>
拿CSDN测试
为了兼容性可以加-webkit-
前缀的样式,放在 filter
后面:
filter:grayscale(1);-webkit-filter:grayscale(1)
原理: CSS 特性 filter,并用了 grayscale 对图片进行灰度转换,允许有一个参数,可以是数字(0到1)或百分比,0% 到 100% 之间的值会使灰度线性变化。
<style>
html {
filter: grayscale(1);
}
</style>
拿CSDN测试
为了兼容性可以加-webkit-
前缀的样式,放在 filter
后面:
filter:grayscale(1);-webkit-filter:grayscale(1)
原理: CSS 特性 filter,并用了 grayscale 对图片进行灰度转换,允许有一个参数,可以是数字(0到1)或百分比,0% 到 100% 之间的值会使灰度线性变化。