Bluriness and Pixelation on Matrix Transform in Safari5 about gsap HOT 2 CLOSED

That actually has nothing to do with GSAP - it's just the way Safari renders things (it would look the same if you applied the transform yourself manually). The best way to optimize the appearance is to make the native size your maximum so that your scaleX/scaleY never exceed 1 (or at least not by much). Imagine the browser taking a screen capture of the image at its native size and then just stretching/squeezing/scaling that capture's pixels. If you start with a very small object and scale it up to 500% its native size, the pixels will look very blurry in Safari, but if you start with the object at a large size and scale it down immediately and then animate it back up to scaleX/scaleY of 1, it'll look much better.

Make sense?

from gsap.

Thanks, this is great @jackdoyle!

from gsap.