My mask image is a transparent only in Safari

21 views Asked by At

I have an image on my website and with an on scroll animation there's a mask image that gets revealed. The mask itself was a bit transparent in the beginning until I added mask-mode:alpha to the css of the parent of the image (being the div that gets revealed). But apparently mask-mode:alpha doesn't work in Safari.

I tried all the css underneath on each element involved, but still it's a bit transparent in Safari

mask-mode: alpha, -webkit-mask-mode: alpha, -moz-mask-mode: alpha, mask-type: alpha, -webkit-mask-type: alpha, -moz-mask-type: alpha, opacity:1

Any idea why Safari doesn't support this?

0

There are 0 answers