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