如何在 CSS 中使白色图像变黑

在 CSS 中，我们可以使用 filter 属性来修改图像的颜色、模糊度、亮度等特性。为了将白色图像变为黑色，我们需要使用 invert() 函数。

使用 invert() 函数

invert() 函数是将元素的颜色翻转。它的参数可以是一个百分比或一个小数，表示将颜色的强度减少到多少。

filter: invert(100%);

以上代码表示完全翻转颜色，即黑色变成白色，白色变成黑色。

要将白色图像变为黑色，我们只需要将参数设置为 100% 即可。

示例代码

下面是一个完整的示例代码：

img {
  filter: invert(100%);
}

以上代码将会把所有的 <img> 标签中的图像颜色完全翻转，达到将白色变为黑色的效果。

注意事项

• filter 属性可能会影响元素的性能，因此不要滥用。
• IE 浏览器不支持 filter 属性，因此尽量避免在网站中使用。