transicion - transition css hover

Transformación 3D CSS, bordes irregulares en Firefox

Question

De forma similar a " css transform, bordes dentados en cromo ", lo mismo ocurre con Firefox en transformaciones 3D, por ejemplo: http://jsfiddle.net/78d8K/5/ (<- recuerda: Firefox )

Esta vez, backface-visibility no ayuda :(

¿Alguna idea?

Answer 1

Si desea evitar el 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 cual será mejor que te conformes con la respuesta de @Juan.

A continuación se muestra una captura de pantalla del giro del cubo

Answer 2

Respuesta editada: (después de los comentarios)

"Solución", agregue un atributo de esquema transparente:

outline: 1px solid transparent;

Probado en Firefox 10.0.2 Windows 7: http://jsfiddle.net/nKhr8/

Respuesta original: (dependiendo del color de fondo)

"Solución", agregue un atributo de borde con el mismo color de fondo (en blanco este caso):

border: 1px solid white;

Probado en Firefox 10.0.2 Windows 7: http://jsfiddle.net/LPEfC/