Transformation 3D CSS, bords irréguliers dans Firefox

Similaire à ” transformation CSS, arêtes dentelées en chrome “, la même chose se produit avec Firefox sur les transformations 3D, par exemple: http://jsfiddle.net/78d8K/5/ (<- remember: Firefox )

Cette fois, la backface-visibility n’aide pas 🙁

Une idée?

Réponse modifiée: (après les commentaires)

“Solution de contournement”, ajoutez un atsortingbut de contour transparent:

 outline: 1px solid transparent; 

Testé sur Firefox 10.0.2 Windows 7: http://jsfiddle.net/nKhr8/

entrer la description de l'image ici

Réponse originale: (dépend de la couleur de fond)

“Contournement”, ajoutez un atsortingbut 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/

entrer la description de l'image ici

Si vous voulez empêcher la bordure anti-aliasée

Ci-dessous travaillé mieux 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 prise du cube qui tourne

entrer la description de l'image ici