Фароп-фильтр + клип-пат + 3D вращается неправильно в FirefoxCSS

Разбираемся в CSS
Anonymous
Фароп-фильтр + клип-пат + 3D вращается неправильно в Firefox

Сообщение Anonymous »

В Firefox при применении клипа-path и фонефильтра к элементу, который также повернут 3D (

Код: Выделить всё

perspective
on parent + rotatey () ), фон получается странным, неверным способом.
demo Codepen - сравните поведение в Chrome vs Firefox (я не тестировал Safari): https://codepen.io/maxcutlyp/pen/zzvdxprishbrti Как Firefox делает отфильтрованный фон, как будто элемент не был повернут, а затем отображается на вращающийся элемент, как плоская текстура. Это похоже на «фальшивый туннель» в стиле Tuoney Tunes-если вы представляете, что посмотрите на элемент прямо, фон будет выглядеть правильно, но с точки зрения явно сломана перспектива. Также происходит что-то странное, когда фон выходит за рамки документа, который, как я думаю, является артефактом сломанного 3D-преобразования.
Примечательно, однако, если вы удалите патч-пат , он делает совершенно хорошим.
является этой известной проблемой в Firefox? Я делаю что-то не так/нестандартно? Есть ли обходные пути или исправления? Заранее спасибо!

Подробнее здесь: https://stackoverflow.com/questions/797 ... in-firefox

Вернуться в «CSS»