Transformation CSS 3D, bords dentelés dans Firefox
Similaire à " transformation css, bords dentelés en chrome ", la même chose se produit avec Firefox sur les transformations 3D, par exemple: http://jsfiddle.net/78d8K/5/ (< - rappelez-vous: Firefox )
Cette fois, backface-visibility n'aide pas :(
Une idée?
Réponse modifiée: (après commentaires)
"Solution", ajoutez un attribut transparent contour:
outline: 1px solid transparent;
Testé sur Firefox 10.0.2 Windows 7: http://jsfiddle.net/nKhr8/
Réponse originale: (en fonction de la couleur d'arrière-plan)
"Contournement", ajoutez un attribut border avec la même couleur de votre arrière-plan (blanc dans ce cas):
border: 1px solid white;
Testé sur Firefox 10.0.2 Windows 7: http://jsfiddle.net/LPEfC/
Si vous souhaitez empêcher la bordure anti-aliasée
Ci-dessous a mieux fonctionné pour moi
border: 1px solid rgba(0, 0, 0, 0.1);
si la bordure doit être clairement visible, ce n'est peut-être pas la solution parfaite, dans laquelle vous feriez mieux de vous en tenir à la réponse de @ Juan.
Ci-dessous, une capture d'écran du cube tournant
Outre l'utilisation de outline, les éléments suivants fonctionnent également:
box-shadow: 0 0 0 1px transparent;