Эквивалент -webkit-mask-image: -webkit-Gradient в Mozilla Firefox?

Question

Мне удалось отобразить градиент для текста, используя следующую строку в Chrome

-webkit-mask-image: -webkit-gradient(linear, left 50%, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));

Но я не могу найти эквивалент для Firefox, любая помощь будет признательна, спасибо! Я слышал о

 -moz-linear-gradient

Но что мне делать с частью "-webkit-mask-image"?

Answer 1

Посмотрите на Можно ли использовать страницу поддержки браузера для масок CSS .

Firefox полностью поддерживает mask-image и не нуждается в префиксе поставщика (который предоставляется только для экспериментальных реализаций, которые не должны использоваться в производстве).

Answer 2

Firefox обычно нуждается в «-ms-» в угоду префиксу «-webkit-», но вам не обязательно использовать его всегда. Некоторые стили не требуют этого.

Я рекомендую вам проверить такие сайты, как http://pleeease.io/play/ или https://autoprefixer.github.io/ если вы не уверены, что написать.