svg mask not working on firefox

StackOverflow https://stackoverflow.com/questions/20179710

  •  04-08-2022
  •  | 
  •  

Question

I 'm trying to add a mask from an svg in Firefox but it's not working for composite elements.
Example (you have to view it from Firefox)

Was it helpful?

Solution

A mask works by masking out areas where the mask colour is something other than black. The mask image is initialised to transparent black and then your mask contents are drawn on that.

Since your mask contents are black (#000000) then they have no effect and your mask does nothing.

Change to #FFFFFF or white to see the difference.

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top