Color png
My restraints are kind of weird, but I have game file icons that I want to port to the browser. Its a crest data, that is two layers of png, background/foreground. The icons are white/black, and then use a rgba function to give the respective layer a color overlay.
Is there a similiar way to do this that doesn't have me try to figure out a way to convert the rgba values to css filter functions dynamically during runtime?
4 Replies
possibly multiple
background-images with background-blend-mode?use the icon images as a mask-image on a colored background
yep, that could work too. Note that you'll need
mask-mode: luminance; to use the black and white image.Ok sweet, thank you both, works great