исходящий CSS Маска не работает на Firefox - PullRequest
Новая
       11

исходящий CSS Маска не работает на Firefox

0 голосов
/ 19 марта 2020

У меня есть эта маска в SVG, которая обрезает фон за ним. Он работает нормально во всех браузерах, которые я тестировал, но не на Firefox. Что с этим не так? Я часами пытался разобраться и без радости. Спасибо. 

.mask {
    width:100%; 
    height: 100%;
    position:absolute;

    background: url(../img/mask.png);

    mask: linear-gradient(#000,#000), url(../img/logo.svg) center/300px 300px;
    mask-repeat: no-repeat;
    mask-composite: source-out;        

    -webkit-mask: linear-gradient(#000,#000), url(../img/logo.svg) center/300px 300px;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-composite: source-out;

    -moz-mask: linear-gradient(#000,#000), url(../img/logo.svg) center/300px 300px;
    -moz-mask-repeat: no-repeat;
    -moz-mask-composite: source-out;        

}
...