許多web開(kāi)發(fā)者遇到過(guò)一個(gè)問(wèn)題：如何把一張黑色圖片變?yōu)榘咨?？在本文中，我們將學(xué)習(xí)如何使用CSS解決這個(gè)問(wèn)題。

img {
filter: brightness(200%) saturate(0%);
}

上面的代碼使用了CSS的filter屬性。brightness函數(shù)增加了圖片的亮度，saturate函數(shù)降低了圖片的飽和度。這樣，圖片就會(huì)從黑色變?yōu)榘咨?/p>

你也可以通過(guò)改變函數(shù)的值來(lái)調(diào)整圖片的效果。例如，降低brightness函數(shù)的值可以減少圖片的亮度，增加saturate函數(shù)的值可以增加圖片的飽和度。

此外，還可以使用CSS的其他filter函數(shù)來(lái)實(shí)現(xiàn)不同的效果，例如blur函數(shù)可以模糊圖片，hue-rotate函數(shù)可以改變圖片的顏色。

需要注意的是，雖然CSS的filter屬性已經(jīng)被所有現(xiàn)代瀏覽器所支持，但是在老版本的瀏覽器中可能無(wú)法正常工作。因此，在使用filter屬性時(shí)，建議檢查瀏覽器的兼容性。