等价于-webkit-mask-image:Mozilla Firefox中的-webkit-gradient?

时间:2018-09-12 12:08:04

标签: html css google-chrome firefox browser

我在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”部分?

2 个答案:

答案 0 :(得分:2)

看看can i use browser support page for CSS Masks

Firefox完全支持mask-image,并且完全不需要供应商前缀(仅用于实验性实现,不应在生产中使用)。

答案 1 :(得分:-1)

Firefox通常在“ -webkit-”前缀中需要“ -ms-”,但是您不必总是使用它。有些样式不需要它。

我建议您查看类似的网站 http://pleeease.io/play/https://autoprefixer.github.io/,如果不确定要写什么。