Why does SVG blur when scaling in webkit browsers?

Question

When scaling an SVG image using CSS scale conversion, does the image get blurry in Chrome or Safari?

Here is some of my code:

#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); } } 

Thanks so much for any help!

Raphael

Answer 1

Thanks a lot War10ck! This article helped me: when scaling an element with a css3 scale, it will pixelize only after the animation is complete. I am animating an element with a frame Using scale3d instead of scale, without going above 1, I did the trick!