When I use the absolute position, the top and bottom of the element become blurred.
How to avoid this effect?
Hi
Can You share your read-only Link, so We can dive in…
This is the simplest question, I see no reason to provide a link.
Up to you. I wish I could help you without The Read Only Link
the issue maybe that when you center it is landing on a subpixel. not sure but that’s the only thing i could think of that would cause it to blur. try using flexbox instead.
here is a stackoverflow thread where someone had the same issue with text:
https://stackoverflow.com/questions/43566509/element-transforms-to-half-pixel-and-text-is-now-blurry
Trying to understand the intention here — is there a reason you’re centering using transforms instead of flexbox? Transforms don’t affect the document flow at all and often get rendered weirdly (especially on Safari after an animation).