CSS颜色叠加PNG

时间:2014-04-24 01:59:44

标签: javascript jquery html css webkit

我认为会有答案,但我没有找到答案。

我有一个透明背景的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或类似的转换,这也可以工作!

谢谢大家! -Liam

1 个答案:

答案 0 :(得分:2)

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

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

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