在CSS中,我們可以使用filter屬性來(lái)調(diào)整圖片的亮度,filter屬性接受一個(gè)函數(shù)作為參數(shù),這個(gè)函數(shù)可以接收一個(gè)參數(shù),即亮度級(jí)別,取值范圍是0到1,值越小亮度越低,值越大亮度越高。
我們可以將一張圖片的亮度降低50%:
img { filter: brightness(0.5); }
或者將圖片的亮度提高30%:
img { filter: brightness(1.3); }
需要注意的是,filter屬性會(huì)改變圖片的所有顏色,包括亮度和對(duì)比度,如果你只想改變圖片的亮度,而不影響其他顏色,那么可以使用其他方法來(lái)實(shí)現(xiàn),可以使用JavaScript來(lái)動(dòng)態(tài)調(diào)整圖片的亮度,或者使用圖像處理軟件來(lái)單獨(dú)調(diào)整圖片的亮度。
還需要注意的是,filter屬性在瀏覽器中的支持情況可能會(huì)有所不同,一些較舊的瀏覽器可能不支持filter屬性,或者支持的版本較低,在使用filter屬性之前,建議先測(cè)試一下目標(biāo)瀏覽器是否支持該屬性,如果不支持,可以考慮使用其他方法來(lái)實(shí)現(xiàn)圖片亮度的調(diào)整。