Hello. Can someone come across this, is it possible to somehow solve it through js? So that mask-image is used in firefox?

  • webkit- and will not work in firefox, webkit - for google chrome - user33274

1 answer 1

In Firefox, this is the mask property.

Here is an example from the documentation .

 .target { mask: url(#c1) luminance; } .anothertarget { mask: url(resources.svg#c1) 50px 30px/10px 10px repeat-x exclude; } 
  • The mask for some reason is not added. Although the property is valid .. - Sergey Rumyantsev
  • @ Sergey Rumyantsev, add to the question code a working example with a demonstration of the problem, please. - VenZell
  • jsfiddle.net/sndkwn6o/2 - Sergey Rumyantsev
  • @ Sergey Rumyantsev, Firefox needs a svg image for the mask. - VenZell