Transformation CSS 3D : s'attaquer aux bords irréguliers dans Firefox

Parallèlement au problème des bords irréguliers avec les transformations CSS Chrome, un problème similaire se pose avec Firefox lors des transformations 3D. Une illustration peut être trouvée sur ce JSFiddle (spécifique à Firefox) : http://jsfiddle.net/78dK/5/.

Contrairement à Chrome, la visibilité arrière ne fournit pas de solution dans Firefox.

Solutions de contournement :

Solution de contournement 1 (attribut de contour) :

Pour une solution plus universelle, envisagez d'ajouter un attribut de contour transparent :

outline: 1px solid transparent;

Cette approche a été vérifiée sur Firefox 10.0.2 Windows 7 : http://jsfiddle.net/nKhr8/.

Solution de contournement 2 (attribut de bordure) :

Vous pouvez également ajouter un attribut de bordure avec une couleur correspondant à l'arrière-plan :

border: 1px solid white;

Cette option est efficace lorsque la couleur d'arrière-plan est connue (par exemple, blanc dans ce cas) : http://jsfiddle.net/LPEfC/.