Неровные края в Firefox с 3D-преобразованиями CSS

Подобно проблеме неровных краев в Chrome с преобразованиями CSS, Firefox также демонстрирует эту проблему с 3D-преобразованиями. Видимость задней панели, как потенциальное решение в Chrome, оказывается неэффективной в Firefox.

Обходное решение:

Чтобы решить эту проблему в Firefox, вы можете реализовать одно из следующих обходных решений. :

1. Прозрачный контур: Добавьте атрибут контура с прозрачным цветом к элементу с неровными краями:

outline: 1px solid transparent;

2. Граница с цветом фона: Для элементов, зависящих от цвета фона, добавьте атрибут границы с тем же цветом, что и фон:

border: 1px solid white;

Эти обходные пути были протестированы в Firefox 10.0.2 для Windows 7 и доказали свою эффективность в устранении неровных краев.