How do I make this text less blurry? This blur occurs on Chrome and Firefox, and I was wondering if there was a way to reduce it.
I currently change the size of the css3d objects by 0.1, so then they fit in my scene better
css3dObject.scale.set(-0.1, 0.1, 0.1);
That’s a CSS problem (browser bug maybe). Essentially the text get blurry in certain situations when using
transform: scale, and that’s what
css3dObject.scale.set is using under the hood, you can try one of the solutions in this SO, also check if you have the same problem with other browsers.
browsers do that for performance reasons but it has gotten considerably worse.
I was able to fix the problem by increasing the font size of my object by a scale of ten, and then reducing the scale by 0. Thank you for the help though!