I was working with a simple Transform:scale() animation in one of my projects and the result was (horrifyingly) choppy in chrome: jsfiddle.net/6gL9x38f/
if you check the demo in firefox, the scaled up div and the inner text look crisp during and after the animation but the same animation looks blurred up in chrome.
What might be the reason for this happening? How do I fix this?
Edit: This is an issue with Chrome 48 and older versions, seems to be fixed in v 49.
Found this solution on Stackoverflow.
Not sure if it's an issue that will matter by the end of the month since the update to Chrome this week.
Gavin
engineer
stackoverflow.com/questions/8024061/webkit-blurry…
-webkit-perspective: 1000;