Blur everything during transform, why?

[eugenedrvnk]

When i start move div with text and image in my example, they get blurry. How can i fix this?

See the Pen ZEEgwRO by eugenedrvnk (@eugenedrvnk) on CodePen

[OSUblake]

Chrome rasterizes text when doing doing a 3d transforms, so you loose crisp edges. The same thing will happen if you set will-change: transform CSS on the text.

 

Why are you worried about that? That's a really weird way to be doing that, and the demo you got that code doesn't show the text for 10 seconds so you don't notice it.

 

But it looks like you got around it by setting force3D to false.