Undeutlicher Text, weil die Position auf einem halben Pixel (-50%, -50%)

Question

Ich hatte Probleme mit transform: translate (-50%, -50%) in Kombination mit einer Google-Schriftart in Chrom. Diese Kombination ließ den Text verschwommen erscheinen. Ich bemerkte, dass es durch die Übersetzung verursacht wurde und nachdem ich die Position des Elements betrachtet hatte, bemerkte ich, dass es auf einem halben Pixel positioniert war. Ich konnte es mit translate (calc (-50% - 0,5px), -50%) beheben, habe aber eine bessere Lösung als diese Problemumgehung.

Gibt es vielleicht eine Möglichkeit, die Pixel auf eine ganze Zahl zu runden, wenn Prozentsätze verwendet werden?

Answer 1

Sie könnten versuchen, transform-style: preserve-3d auf das übergeordnete Element oder ändern Sie möglicherweise Ihre Transform-Eigenschaft, um auch perspective(1px) enthalten.