css 图片变灰白增加对比度

我要冲啦个人网站建设2024-07-31web前端

要使用CSS使图片变灰白并增加对比度,可以使用filter属性中的grayscale()和contrast()函数。grayscale()可以将图片转换为灰度,而contrast()可以调整图片的对比度。

下面是一个简单的例子:

img.grayscale-contrast {

    filter: grayscale(100%) contrast(200%);

}

在HTML中使用这个类:

<img src="image.jpg" alt="Example Image" class="grayscale-contrast">

在这个例子中,grayscale(100%)将图片完全转换为灰度,而contrast(200%)增加了两倍的对比度。你可以根据需要调整grayscale()的值和contrast()的值。

文章关键词