Bonjour à vous
J'ai un problème très étrange, qui semble venir du code du navigateur.
Je vais essayer d'être clair (Cette phrase est inutile).

Donc, J'ai des images qui s'affichent et histoire de faire un joli effet au survol, j'ai utilisé les transition CSS3, à savoir scale.
Voici mon code: http://pastebin.com/p7ZzFgHR
Et pour l'HTML: C'est un div avec une balise img à l'intérieur.
Pour le rendu:

Je n'arrive pas à comprendre comment se fait-il que l'image est floue sur Firefox, je pense que le navigateur doit mettre la propriété sur le scale par rapport au max width et height.
Cela est très étrange, et si quelqu'un a la moindre idée, je suis preneur
Merci d'avance

Il faut avouer qu'avec l'image, cela sera plus facile pour vous:

Firefox à un moteur de rendu d'image ... particulier, j'ai eu moi même le soucis au boulot, si tu mets une image en 100x100 et qu'en HTML tu l'affiche en 50x50 par exemple, elle va pixelisé sur Firefox mais pas ailleurs ... le client à voulu qu'on refasse des miniatures à la bonne tailles du coup

C'est vrai que c'est très particulier car pendant ma transition, l'image n'est pas floue. C'est juste à la fin.

Désolé du double post, mais j'ai trouvé la solution
Rien de bien compliqué. Je suis tombé la dessus: https://developer.mozilla.org/en-US/docs/Web/CSS/image-rendering?redirectlocale=en-US&redirectslug=CSS%2Fimage-rendering

J'ai donc tout simplement ajouté: image-rendering: -moz-crisp-edges; et tout marche bien !