剪辑路径在Firefox中不起作用

Question

我有浏览器兼容性问题......

我无法弄清楚为什么在 firefox 中这不起作用。 掩码在 chrome 中正常工作。我觉得这可能与剪辑路径有关，但我不知道如何修复它。

谢谢，请看看演示。

https://codepen.io/davide77/pen/ZopoZJ

.mask, .mask2, .mask3 {
    width: 30%;
    height: 10%;
    background: url(http://bae.hypebeast.com/files/2016/04/adidas-originals-tubular-2016-spring-summer-lookbook-33.jpg) center center;
    background-size: cover;
    background-attachment: fixed;
    transition: transform 0.4s ease-out;
    clip-path: rect(50% 5%, 0% 100%, 100% 100%);
    box-shadow: 0px 0px 30px rgba(0,0,0,0);
    animation: infinite-translate 20s cubic-bezier(.03,.68,.04,.64);
    animation-fill-mode: forwards;
    transform-style: preserve-3d;
}