Blurry text after animation in Chrome - any updates?

[NickNo]

I'm noticing this issue in chrome where any blocks of text (or nav's etc) that have been animated are just slightly blurry - just enough that I wonder if I just need to clean my glasses    I don't notice it in other browsers - and I've found some old stuff in the forums relating to force3d:"auto", but that doesn't seem to have any effect.

Is this something that others have dealt with?  Any recent updates on this issue?

In the codepen below - a static block followed by an animated block to see the difference...

Thanks

 

See the Pen qBmwLOm by nickjacobsnz (@nickjacobsnz) on CodePen

[GreenSock]

Aren't browsers fun? Chrome is notorious for shifting around the way they render things. Beware of this: 

will-change: transform; 

For many browsers, that translates into "force that element to be rasterized permanently at a scale of exactly 1" and sometimes it looks a tad fuzzy. Thanks Chrome!

 

You might want to read this: https://greensock.com/will-change

[NickNo]

haha, thanks Jack, that looks like it's worked....  Just after I posted it I thought "maybe I'll remove the will-change and see what happens..." then got distracted