是否有-moz-mask CSS属性,比如-webkit-mask-image?

MAL*_*ALK 14 firefox gradient mask css3

-moz-mask-imageFirefox 似乎不支持它.

我正在尝试前景渐变.我不能使用图像,因为我需要文本可选.有没有人对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)));
Run Code Online (Sandbox Code Playgroud)

Pau*_*ite 4

根据 MDN,您只能mask在 Firefox 上使用,从 Firefox 3.5 开始:

但是,mask需要 SVG 图像作为遮罩。您可以将SVG 图像以 base-64 编码到样式表中,或者可以使用 SVG 图像文件。

  • 除非你不能将它与“gradient”一起使用,否则你必须[使用 SVG 代替](https://developer.mozilla.org/En/Applying_SVG_effects_to_HTML_content)。 (3认同)