Question

So here is my issue:

I have a two-tone png image. One tone is black, one tone is transparent.

I am currently using the background color attribute to change the color of the transparent section dynamically.

I would also like to be able to change the black section dynamically using a mask overlay. I assume this is possible in html5 canvas, and possibly css, but I have been unable to find a working answer.

Thank you for your help.

Answer 1

At this point, webkit (and only webkit) can do it with pure CSS. It’s really, really, really not supported.

A couple links to get you started, should you be interested:

• http://www.webkit.org/blog/181/css-masks/
• http://trentwalton.com/2011/05/19/mask-image-text/