Text is blurry about microtip HOT 11 OPEN

@yunyu Is it blurry for you on the Microtip website too? - https://github.com/ghosh/microtip

from microtip.

@ghosh Nope, but it seems to happen with some other fonts (which make the height/width of the :after an odd number).

from microtip.

@yunyu Ok, it's a quite a common issue caused by CSS transitions. Will look into it.

from microtip.

I think a workaround would be to add some classes that make the paddings in half pixels

from microtip.

+1, i have this problem too

from microtip.

Hey @yunyu @fireswork

Thanks for submitting the issue but it's will be great if you provide an example of the issue and we will try to fix this ASAP.

from microtip.

Any update for this problem? It happens with position: absolute and translate3d

from microtip.

Hey @bilalmalkoc, could you pass me a link, please? it'll help me alot

from microtip.

@Muhnad hello. Check share buttons on this page please. Change position to right from source coude. It happens only right.

from microtip.

translate3d makes it blurry.
[role~="tooltip"][data-microtip-position="top"]:hover::after { transform: translate3d(-50%, -5px, 0); } [role~="tooltip"][data-microtip-position|="top"]::after { transform: translate3d(-50%, 0, 0); }

from microtip.

Omitting will-change: transform mitigates the issue. This may impact performance in some way though.

from microtip.