CSS中可以使用filter屬性來更改圖片的亮度。使用filter可以改變圖片的飽和度、對比度、亮度、模糊等屬性。以下是如何使用filter去改變圖片的亮度:
img { filter: brightness(50%); /* 50%的亮度 */ }
在這個(gè)例子中,我們使用brightness過濾器,將亮度設(shè)置為50%。這意味著它會降低圖片的亮度。同樣的方式,可以使用100%來使圖片恢復(fù)原色。
img { filter: brightness(100%); /* 恢復(fù)原色 */ }
除了亮度過濾器,還有其他的過濾器可以被應(yīng)用到圖片上。下面是一個(gè)例子,演示如何使用該過濾器:
img { filter: contrast(150%) brightness(120%); /* 增加對比度和亮度 */ }
在這個(gè)例子中,我們使用對比度和亮度兩個(gè)過濾器來增加圖片的亮度和對比度。contrast(150%)將增加對比度,brightness(120%)將增加亮度。
總結(jié)一下,CSS中的filter屬性可以用來改變圖片的亮度、飽和度、對比度、模糊等屬性。使用它們,可以輕松地改變圖片的外觀,以適應(yīng)網(wǎng)站或應(yīng)用的主題和色彩。