manera parecida a "css transform, jagged edges in chrome", mismo ocurre con Firefox en 3D transforma, por ejemplo: http://jsfiddle.net/78d8K/5/ (< - recuerda: Firefox)3D CSS, los bordes dentados en Firefox
Esta vez, backface-visibility no ayuda: (
Cualquier idea
respuesta Editado:? (después de los comentarios)
"Solución", añadir un esquema transparente atributo:
outline: 1px solid transparent;
probado en Firefox 10.0.2 Windows 7: http://jsfiddle.net/nKhr8/
Respuesta original: (background-color dependiente)
"Solución", agregue frontera atributo con el mismo color de su fondo (blanco este caso):
border: 1px solid white;
Probado en Firefox 10.0.2 Windows 7: http://jsfiddle.net/LPEfC/
Interesante :) y en realidad funciona en el ejemplo ... excepto cuando el fondo no es más blanco: http://jsfiddle.net/LPEfC/1/ Intenté con 'border-width: 0' o' border-color: transparent' o 'border-color: rgba (255,255,255,0)' para que el truco sea independiente del color de fondo - pero ya no funciona ... - Pero una solución interesante, ¡gracias! – abernier
Lee mi respuesta nuevamente, pon el color "de tu fondo" en el borde –
Si no tienes otra respuesta, tendrás la recompensa :) – abernier
Si desea evitar borde antialias
Debajo funcionó mejor para mí
border: 1px solid rgba(0, 0, 0, 0.1);
si el borde debe ser claramente visible, esta podría no ser la solución perfecta, en la que será mejor que se quede con la respuesta de @ Juan.
A continuación se muestra una captura de pantalla tomada del cubo girando
Aquí es una versión actualizada con el apoyo Webkit: http://jsfiddle.net/78d8K/6/ – Blender
no se preocupan por webkit aquí (lo cual está bien), se trata de Firefox aquí :) – abernier
Vote por el error aquí: https://bugzilla.mozilla.org/show_bug.cgi?id=766345 – HRJ