клип-путь не работает в Firefox - PullRequest
Новая
       12

клип-путь не работает в Firefox

0 голосов
/ 26 апреля 2018

У меня проблема совместимости браузера ...

Я не могу понять, почему в firefox это не работает. Маска отлично работает в хром . У меня такое чувство, что это может быть связано с клип-траекторией, но я не знаю, как это исправить.

Спасибо и, пожалуйста, посмотрите демоверсию.

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;
}
...