CSS 圖片轉(zhuǎn)換彩色

要將黑白圖片變成彩色圖片是很容易的。CSS的濾鏡屬性可以實現(xiàn)這個目標(biāo)。濾鏡屬性讓你修改圖像的外觀，就像在Photoshop中調(diào)整圖像一樣。我們只需要使用濾鏡屬性的hue-rotate()函數(shù)來給圖片加上顏色。這個函數(shù)可以旋轉(zhuǎn)圖像的色相，讓圖片的每個像素都比原來有一個固定角度的色相偏移。

img {
filter: hue-rotate(90deg);
}

這段代碼將會把圖片的顏色加上90度的色相，從而得到一個綠色的圖片。如果要讓圖片變成粉色的，可以加上另一個顏色的參數(shù)。

img {
filter: hue-rotate(300deg);
}

這將把圖片的顏色旋轉(zhuǎn)到一個紫色的色相。你可以在CSS中使用度數(shù)，最小值為0度，最大值為360度。

除此之外，還有其他的濾鏡功能可以添加到圖片中，例如： 飽和度saturate()，對比度contrast()， 亮度brightness()， 模糊blur()等等。試試把它們加到CSS中，看看效果。