Firefox中是否支持css掩码?

时间:2012-09-05 14:57:15

标签: css3 svg

我在某处读过css面具可以在带有svg文件的Firefox中使用,但是我无法使它工作......它在chrome和safari中运行完美但我没有运气用firefox。

5 个答案:

答案 0 :(得分:4)

This is how you do it in Firefox。您将SVG clipPaths和掩码应用于html内容。它与webkit css mask的语法不同,但它可以达到同样的效果。

答案 1 :(得分:2)

编辑:从Firefox 54开始,应根据http://caniuse.com/#feat=css-masks

支持CSS掩码

根据http://caniuse.com/#feat=css-masks

不支持

答案 2 :(得分:0)

答案 3 :(得分:0)

正在寻找css面具在这里找到这个教程,可能对你有所帮助。展示了一种不同的方法,它可以与Mozilla一起使用
http://thenittygritty.co/css-masking

示例 - http://www.der-schepp.de/css-masking/mouse.html

答案 4 :(得分:0)

有这个jquery插件,我最终选择了这个解决方案,因为它也是跨浏览器。

http://almogbaku.github.io/imageMask/