CSS文本溢出淡入淡出

如何在Firefox和其他浏览器上模拟

-webkit mask image

CSS属性

我需要在文本溢出时创建文本淡入淡出效果。 对于Chrome，我做了如下操作：

-webkit-mask-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 0) 98%);

---

如何对其他浏览器实现此效果？

除了webkit浏览器，遮罩图像不支持任何浏览器。你需要选择任何替代方法。

我必须自己绘制这个mask.svg，或者通过浏览器渲染它？@user1858864：在mozilla浏览器中检查它，我没有浏览器要检查。