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