Bordas irregulares no Firefox com transformações CSS 3D

Semelhante ao problema de bordas irregulares no Chrome com transformações CSS, o Firefox também apresenta esse problema com transformações 3D. A visibilidade do Backface, como uma solução potencial no Chrome, se mostra ineficaz no Firefox.

Alternativa:

Para atenuar esse problema no Firefox, você pode implementar uma das seguintes soluções alternativas :

1. Contorno transparente: Adicione um atributo de contorno com uma cor transparente ao elemento com bordas irregulares:

outline: 1px solid transparent;

2. Borda com cor de fundo: Para elementos dependentes da cor de fundo, adicione um atributo de borda com a mesma cor do fundo:

border: 1px solid white;

Essas soluções alternativas foram testadas no Firefox 10.0.2 para Windows 7 e se mostraram eficazes na eliminação de bordas irregulares.