javascript - CSS 颜色叠加 PNG

Question

我以为会有答案，但我没有找到。

我有一个透明背景的 PNG 图像。通过 CSS，我希望图像(不是透明背景)更改为不同的颜色。

应该有一种方法可以通过 web-kit 来做到这一点...但我听说这种方式不受支持...是否有另一种方法可以做到这一点，如果没有，我该如何通过 web 实现这一点-工具包？

对于我的示例，有没有办法将红球更改为不同的颜色...

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);
}

http://jsfiddle.net/BkFBH/4/