W3C lists you can use the mask as a short-hand property. Neither of the listed properties are working in Chrome 41.x ?

mask:url("<path with image>") luminance;
-webkit-mask: -------------------------------------

have you checked http://caniuse.com/#search=mask ? have a look too at the resources at the bottom tab too if there's more in there e.g. w3c spec

-webkit-mask-image:url(""); should work, how come it's not ?

have you got an example?

i mean actual code + images

Edited March 18, 201511 yr by davep

The image used is not the greatest but it should atleast touch upon the effect, we know why it's not working ?

The image needs to have some transparency, to act as the mask. Save as a .png (with transparency).

https://jsfiddle.net/vwpvcjh3/1/

The image needs to have some transparency, to act as the mask. Save as a .png (with transparency).

 

https://jsfiddle.net/vwpvcjh3/1/

 

I tested on FireFox And I should have made the image a transparent PNG . Thanks

Edited March 19, 201511 yr by CreativeSheep

No? Works fine from where I'm sat. Using Chrome 41.