Perché SVG diventa sfocato quando viene ridimensionato con i browser Webkit?

Question

Quando ridimensiona un'immagine SVG utilizzando la trasformazione della scala CSS, l'immagine diventa sfocata in Chrome o Safari?

Qui è un po 'del mio codice:

 #logo { 
      animation: cssAnimation 120s infinite; 
      -webkit-animation: cssAnimation 120s infinite; 
      -moz-animation: cssAnimation 120s infinite; 
     } 

     @keyframes cssAnimation { 
      0% { transform: scale(1) } 
      50% { transform: scale(2) } 
      100% { transform: scale(1); } 
     } 

Molte grazie per qualsiasi aiuto!

Raphaël

Answer 1

Grazie mille War10ck! Questo articolo mi ha aiutato: when scaling an element with css3 scale, it becomes pixelated until just after the animation is complete. I'm animating an element with a border Utilizzando scale3d invece di scala, non superando 1, ha fatto il trucco!