lors de la mise à l'échelle d'un élément avec l'échelle css3, il devient pixellisé jusqu'à la fin de l'animation. J'anime un élément avec une bordure

http://jsfiddle.net/nicktheandroid/5Ytnj/

Quand j'ajoute -webkit-backface-visibility: hidden; à la .circ élément, il la fait rester pixélisée, même une fois l'animation terminée.

Je me demandais si il existe un moyen de l'obtenir pour pas de pixelisation, tandis que l'animation.
J'ai en le regardant dans le dev de la version de Google Chrome.

source d'informationauteur android.nick

  1. 19

    Ok, donc, je pense que je suis venu avec un travail autour;

    essentiellement; ne pas utiliser de "l'échelle". utiliser "scale3d" et l'installation de sorte que le plus grand vous voulez que l'image est scale3d(1,1,1).

    Ici est un exemple avec le cercle chose que vous avez eu là. J'ai changé l'échelle de 5, parce que je ne voulais pas mettre 0.222222222222222222222222222222222 dans le scale3d func...

    [edit] j'ai Donc essayé le jsfiddle démo de nouveau, sur un ordinateur sans l'accélération matérielle, et l'effet de pixellisation a disparu. Il semble donc que c'est le même problème qu'avec scale3d où il le transforme en une texture, puis échelles. vous pouvez faire comme dans le circ3 div ici.