Firefox вызывает визуальный артефакт с помощью «transform: rotate;» - PullRequest
0 голосов
/ 15 января 2019

Firefox создает маленькие линии на треугольниках, которые я создал и повернул.

Chrome

FireFox

Я посмотрел, что сделали другие вопросы, и они рекомендовали попробовать добавить transform: translateZ(1px) rotate(-45deg); и background-clip: padding-box;, но ни один из них не помог мне.

Кроме того, только в повернутых треугольниках есть линия в браузере Firefox.

Страницу можно просмотреть по адресу bingo-caller.herokuapp.com

1 Ответ

0 голосов
/ 15 января 2019

Я пробовал на вашей странице, и, похоже, это работает, добавьте translateZ(1px) к преобразованию для треугольников.

enter image description here

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...