使用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

回答