Есть ли свойство CSS -moz-mask, например -webkit-mask-image?

Question

Кажется, -moz-mask-image не поддерживается в Firefox.

Я пытаюсь сделать градиент на переднем плане. Я не могу использовать изображение, так как мне нужно, чтобы текст можно было выбрать. У кого-нибудь есть идеи для Firefox?

Эта версия работает в Chrome и Safari

CSS:

-webkit-mask-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.16, rgba(0,0,0,0)), color-stop(0.52, rgba(0,0,0,.5)), color-stop(0.77, rgba(0,0,0,1)));

-moz-mask: -moz-gradient(linear, left bottom, left top, color-stop(0.16, rgba(0,0,0,0)), color-stop(0.52, rgba(0,0,0,.5)), color-stop(0.77, rgba(0,0,0,1)));

Answer 1

Согласно MDN, вы можете просто использовать mask для Firefox, начиная с Firefox 3.5:

• https://developer.mozilla.org/en/CSS/mask

Однако, mask требует, чтобы изображение SVG действовало как маска. Возможно, вы сможете base-64 кодировать изображение SVG в таблицу стилей или использовать файл изображения SVG.