css - Firefox 渐变作为 mask

Question

大家好，我正在收养 this示例到跨浏览器解决方案

除了第 122 行的一件事，我已经采用了所有内容:

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

似乎 FF 无法生成渐变作为 mask 。 我试过了 this用于生成 base64 svg 并将其用作掩码的生成器，但没有成功，或者我对 svg 生成不了解。

谁能指出我做错了什么？

Answer 1

Firefox 不理解 webkit 的规则。尝试使用“-moz-linear-gradient”进行渐变生成，使用“mask”进行 mask 。虽然 Firefox 不能使用渐变进行 mask ，但需要 svg mask 。查找一些信息，例如在 this发布。