Tried this on the reported version: 60.0.3112.113 and compared with FF but not seeing any major diff b/w rendering or blurriness.

andrwknight@: Could you please attach any screenshot where this works, comparing with Chrome.

Thanks in advance!

Deleted: 765986.mp4 1.3 MB

	765986.mp4 1.3 MB View Download

This won't be noticeable on a screenshot. This is noticeable in action, when everything, particularly text, first gets blurry and then when animation ends, it gets sharp again.
I don't believe you don't notice this... I added a lot more text now, and make the square run multiple times, check this new example now:
https://www.w3schools.com/code/tryit.asp?filename=FJNZ45EBEPZ2

When animation ends, text gets shard again. This doesn't happen in firefox, and this doesn't happen if we remove opacity and rotation transform from keyframe.

This seems minor, however when each animation causes all text go blurry and then make it sharp when it ends, and it repeats constantly, this is very noticeable and very bad for users.

I'm attaching two videos, one from chrome, the other one from firefox.

Deleted: chrome_bug_blur_0.avi 1.9 MB

chrome_bug_blur_0.avi 1.9 MB Download

Deleted: firefox_same_test_0.avi 2.6 MB

firefox_same_test_0.avi 2.6 MB Download

Thank you for providing more feedback. Adding requester "ajha@chromium.org" to the cc list and removing "Needs-Feedback" label.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot

Actually, on this video I noticed that in firefox it also gets blurry, but just a little, not very noticeable. In chrome it is much more noticeable.

Also, just to be clear: the point is not there is a big div animated ON TOP of the text. Where this animation happens actually does not matter, it might be just a small animation in top right corner and text may be in top left corner in a totally different element, and still it gets blurred.

Able to reproduce the issue on reported version60.0.3112.113,latest stable 61.0.3163.91 and on latest canary 63.0.3219.0 with the URL present in comment#3 on Ubuntu 14.04, Windows 10  and same thing is seen from 50.0.2624.0. Hence marking as Untriaged

Observations: 
1.On Ubuntu 14.04 blur is seen on Chrome very clearly when compared to Firefox
2.On Mac 10.12.1 issue is not seen. i.e Text doesn't go blur when animation started.
3.On Windows very little deviation is seen from firefox

I think it might depend on video card or drivers or something else. The video I posted above is from Windows. I made it yesterday. Text is clearly blurred.
However, when I try this same example today, it looks much cleaner. That's weird. The only difference is, I made a restart after about 10 days. But many our users complain about the blur during css animations, and they all use windows, I'm pretty sure.

I don't think this is an animation issue as animation isn't responsible for actually rendering the content. Refiling on paint.

Assigning this for investigation. The blurriness is because when animating we start compositing more stuff, and when scaling we may render at one resolution then filter to the final size. That will cause blurriness in general.

This might be WontFix. The trade-off is performance vs. quality, and for animation we lean toward performance.

Couldn't repro as of today. I believe this has been fixed. The texts above the animated square will be squashed. I remember there was a CL that enabled translated rasterization for squashing layers.