transicion - transition css hover
Transformación 3D CSS, bordes irregulares en Firefox (2)
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
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?
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/