使用CSS屬性動態更改圖像顏色

-3

在我的一個應用程序中，我需要動態地進行UI自定義。我可以更改字體顏色，背景顏色...，但是有沒有什麼方法可以在重新加載圖像時動態更改圖像顏色。我正在使用CSS3。使用CSS屬性動態更改圖像顏色

2014-09-30 Isha John

你是什麼意思改做圖像顏色？ – 2014-09-30 13:30:46

你想如何改變圖像的顏色？從黑與白到彩色？（或其他方式） – Rvervuurt 2014-09-30 13:30:58

你想把你的形象變成黑色和白色？因爲這是你可以通過CSS – 2014-09-30 13:33:41

我認爲您正在尋找filter屬性。 http://css-tricks.com/almanac/properties/f/filter/有很多事情可以做到這一點，但不要忘記檢查它的瀏覽器兼容性。

2014-09-30 13:34:26 wvdz

謝謝。我會試試這個。 – 2014-09-30 13:37:48

在CSS3中，將圖像從顏色或其他方式更改爲灰度很容易。您可以將filter屬性應用於對象，並使圖像適應。是否在Internet Explorer和Opera Mini的正常工作（source）

img:hover.desaturate { -webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%); 
filter: grayscale(100%); 
}

而就應用類的圖像要降低飽和度：

<img src="http://www.vetprofessionals.com/catprofessional/images/home-cat.jpg" class="desaturate"/>

2014-09-30 13:36:16 Rvervuurt

回答