CSS颜色叠加PNG

Question

我认为会有一个答案，但我还没找到。

我有一个透明背景的PNG图像。 通过CSS，我想将图像（不是透明背景）更改为不同的颜色。

应该有办法通过网络工具包来做到这一点...但我听说不支持这种方式......是否有其他方法可以做到这一点，如果不是我怎么能通过网络工具包实现这一目标？

对于我的例子，有没有办法将红球改成不同的颜色......

JSFIDDLE： http ： //jsfiddle.net/BkFBH/3/

HTML：

<img id = "ball" src="http://www.clker.com/cliparts/p/0/L/e/j/B/red-circle-solid-md.png" width=100 height=100>

编辑：我需要通过HEX或RGBA改变，而不是色调！ 但是如果从HEX到Hue或类似的转换，这也可以工作！

谢谢你们！ -利亚姆

Answer 1

您可以使用hue-rotate CSS3过滤器。 根据自己的喜好更改120deg 。

#ball {
    -webkit-filter: hue-rotate(120deg);
}