CSS是一種用于控制網(wǎng)頁(yè)樣式的語(yǔ)言，它可以實(shí)現(xiàn)很多有趣的效果，其中就包括將PNG圖片變色。PNG是一種無(wú)損壓縮的圖片格式，通常用于網(wǎng)頁(yè)圖像或圖標(biāo)。那么如何在CSS中改變PNG圖片的顏色呢？

.img {
filter: invert(100%);
}

以上代碼是將一個(gè)PNG圖片進(jìn)行反色處理，使其顏色完全相反。其中，filter屬性是CSS3新增的濾鏡效果，可以將圖像進(jìn)行處理。invert函數(shù)表示將顏色完全反轉(zhuǎn)，達(dá)到反色的效果。100%則表示完全反轉(zhuǎn)。

如果想要將PNG圖片染成指定顏色，可以這樣實(shí)現(xiàn)：

.img {
filter: brightness(50%) 
sepia(100%) 
saturate(100%) 
hue-rotate(120deg);
}

以上代碼的效果是將PNG圖片變?yōu)樽攸S色。其中，brightness函數(shù)表示亮度，50%表示將圖像的亮度減少50%。sepia函數(shù)表示將圖像強(qiáng)行變成棕黃色，這里的100%表示完全轉(zhuǎn)化為棕黃色。saturate函數(shù)表示飽和度，這里參數(shù)為100%表示飽和度不變。hue-rotate函數(shù)表示色相旋轉(zhuǎn)，這里參數(shù)為120度表示將色相旋轉(zhuǎn)120度，達(dá)到棕黃色的效果。

除了以上的方法，還有很多其他的濾鏡效果可以與PNG圖片一起使用，例如blur（模糊）、grayscale（灰度）、drop-shadow（陰影）等等。這些效果的具體使用方法可以參考CSS3的官方文檔。