css3滤镜属性filter实现网页变黑白效果
warning:
这篇文章距离上次修改已过438天，其中的内容可能已经有所变动。
CSS3的filter属性可以用来实现各种视觉效果，包括图片灰度化。要将网页上的所有内容变成黑白效果，可以对<body>元素使用filter: grayscale(100%);。
下面是实现这种效果的CSS代码：
body {
filter: grayscale(100%);
}将以上CSS代码添加到你的样式表中，或者在<head>标签内使用<style>标签包含上述代码，然后刷新你的网页，你会看到整个网页已经变成了黑白效果。这种效果可以通过调整grayscale()函数的参数值来进行调整，以达到不同的灰度级别。100%是完全的灰度效果，而更低的值会让图片呈现更多的颜色。
评论已关闭