Is there some way to use a grayscale or bitmap image as an alpha “channel” in HTML rather than save it as a transparent PNG?
I have about 12 variations of transparency patterns I need applied to about 200 images. I don’t want to make 2400 images for every possible combination. I’d rather say “Use this image for transparency on that image.”
This doesn’t have to be compatible with older browsers as it will be for internal use. Can HTML5 do this?
Yes, you can do it with image masks. Currently only supported in Webkit browsers.
Read all about it .:.
And example usage.