淘先锋技术网

首页 1 2 3 4 5 6 7

CSS中可以使用filter属性来更改图片的亮度。使用filter可以改变图片的饱和度、对比度、亮度、模糊等属性。以下是如何使用filter去改变图片的亮度:

img {
filter: brightness(50%); /* 50%的亮度 */
}

在这个例子中,我们使用brightness过滤器,将亮度设置为50%。这意味着它会降低图片的亮度。同样的方式,可以使用100%来使图片恢复原色。

img {
filter: brightness(100%); /* 恢复原色 */
}

除了亮度过滤器,还有其他的过滤器可以被应用到图片上。下面是一个例子,演示如何使用该过滤器:

img {
filter: contrast(150%) brightness(120%); /* 增加对比度和亮度 */
}

在这个例子中,我们使用对比度和亮度两个过滤器来增加图片的亮度和对比度。contrast(150%)将增加对比度,brightness(120%)将增加亮度。

总结一下,CSS中的filter属性可以用来改变图片的亮度、饱和度、对比度、模糊等属性。使用它们,可以轻松地改变图片的外观,以适应网站或应用的主题和色彩。