Anti-aliasing d'image après animation

Question

J'ai développé un simple jeu de clic où vous cliquez sur une image et elle est remplacée par une autre image. La première image est masquée et l'image suivante est passée à l'aide de jQuery/animate/toggle.

Après chaque animation, l'anticrénelage de toutes les images est perdu pendant une seconde. Il réapplique ensuite l'anti-aliasing à toutes les images.

Est-il possible de forcer l'anti-crénelage en permanence ou de le forcer à se rafraîchir plus vite afin que les images ne soient pas anti-aliasées?

Answer 1

Pour moi, dans un WebKit embarqué sur Mac OS X, en utilisant ceci fonctionne (non standard) CSS pour préserver l'anticrénelage des images lors des animations CSS:

img { 
    image-rendering: optimizeQuality; 
} 

Cela peut ne pas fonctionner pour les autres navigateurs, bien sûr. The mozilla.org site claims that this behave as an alias of 'auto' mais cela change définitivement le comportement de WebKit.