Firefox渐变作为面具

Question

大家好，我正在采用this样本来跨浏览器解决方案

除了第122行的一件事，我已经采用了所有东西：

-webkit-mask: -webkit-linear-gradient(45deg, transparent 49%, #000 53%);

似乎FF不能生成渐变作为蒙版。 我已经尝试this生成器来生成base64 svg并将其应用为掩码，但没有成功，或者我对svg生成都不了解。

有谁能指出我做错了什么？

Answer 1

Firefox不了解webkit的规则。尝试＆＃34; -moz-linear-gradient＆＃34;用于梯度生成和＆＃34;掩码＆＃34;用于掩蔽。虽然Firefox无法使用渐变进行遮罩，但需要svg遮罩。找一些信息，例如在this帖子中。