Chrome Text unscharf bei translate3d -50% – SELFHTML-Forum Forum als Ergänzung zum SELFHTML-Wiki und zur Dokumentation SELFHTML https://forum.selfhtml.org/self Chrome Text unscharf bei translate3d -50% Thu, 17 Oct 19 06:21:13 Z https://forum.selfhtml.org/self/2019/oct/17/chrome-text-unscharf-bei-translate3d-50/1758907#m1758907 https://forum.selfhtml.org/self/2019/oct/17/chrome-text-unscharf-bei-translate3d-50/1758907#m1758907 <p>Hallo,</p> <p>ich habe folgendes Problem - und zwar erscheint mein Text unscharf, wenn ich in Chrome translate3d(0,-50%,0) verwende.</p> <p>Ich habe schon verschiedene Word-Arounds proviert, aber leider hatte keines geholfen.</p> <p>Jemand eine Idee, wie ich es am besten lösen kann?</p> <pre><code class="block">position: absolute; left:0 top: 50%; transform: translate3d(0,-50%,0) </code></pre> Chrome Text unscharf bei translate3d -50% Thu, 17 Oct 19 09:12:56 Z https://forum.selfhtml.org/self/2019/oct/17/chrome-text-unscharf-bei-translate3d-50/1758914#m1758914 https://forum.selfhtml.org/self/2019/oct/17/chrome-text-unscharf-bei-translate3d-50/1758914#m1758914 <p>@@mixmastertobsi</p> <blockquote> <p>ich habe folgendes Problem - und zwar erscheint mein Text unscharf, wenn ich in Chrome translate3d(0,-50%,0) verwende.</p> </blockquote> <p>Kann ich nicht nachvollziehen (Chrome unter macOS). <a href="https://codepen.io/gunnarbittersmann/pen/rNNMNmM?editors=0100" rel="noopener noreferrer">Test</a></p> <p>Warum verwendest du <code>translate3d</code>, wenn du gar nicht in <em>z</em>-Richtung verschieden willst?</p> <p>Warum verwendest du überhaupt eine Verschiebung um −50%?</p> <p>Ah, vertikale Positionierung:</p> <blockquote> <pre><code class="block bad">position: absolute; left:0 top: 50%; transform: translate3d(0,-50%,0) </code></pre> </blockquote> <p>Dafür absolute Positionierung zu verwenden ist von vorgestern. Das geht heute mit Flexbox oder Grid.</p> <p>LLAP </p> <div class="signature">-- <br> <em>„Man kann sich halt nicht sicher sein“, sagt der Mann auf der Straße, „dass in einer Gruppe Flüchtlinge nicht auch Arschlöcher sind.“<br> „Stimmt wohl“, sagt das Känguru, „aber immerhin kann man sich sicher sein, dass in einer Gruppe Rassisten nur Arschlöcher sind.“</em><br> —Marc-Uwe Kling </div> Chrome Text unscharf bei translate3d -50% Thu, 17 Oct 19 10:26:54 Z https://forum.selfhtml.org/self/2019/oct/17/chrome-text-unscharf-bei-translate3d-50/1758930#m1758930 https://forum.selfhtml.org/self/2019/oct/17/chrome-text-unscharf-bei-translate3d-50/1758930#m1758930 <p>Schaue Dir das mal mit Font-Size 1em an. Dann müsstest Du es sehen</p> Chrome Text unscharf bei translate3d -50% Thu, 17 Oct 19 10:47:23 Z https://forum.selfhtml.org/self/2019/oct/17/chrome-text-unscharf-bei-translate3d-50/1758931#m1758931 https://forum.selfhtml.org/self/2019/oct/17/chrome-text-unscharf-bei-translate3d-50/1758931#m1758931 <p>@@mixmastertobsi</p> <blockquote> <p>Schaue Dir das mal mit Font-Size 1em an. Dann müsstest Du es sehen</p> </blockquote> <p>Nö. Hab die Schriftgröße in meinem <a href="https://codepen.io/gunnarbittersmann/pen/rNNMNmM?editors=0100" rel="noopener noreferrer">Test</a> auf 1em reduziert. Ich sehe keinen Unterschied. Gibt es denn einen?</p> <p>Aber wie gesagt, du brauchst das nicht.</p> <p>LLAP </p> <div class="signature">-- <br> <em>„Man kann sich halt nicht sicher sein“, sagt der Mann auf der Straße, „dass in einer Gruppe Flüchtlinge nicht auch Arschlöcher sind.“<br> „Stimmt wohl“, sagt das Känguru, „aber immerhin kann man sich sicher sein, dass in einer Gruppe Rassisten nur Arschlöcher sind.“</em><br> —Marc-Uwe Kling </div> Chrome Text unscharf bei translate3d -50% Thu, 17 Oct 19 11:50:54 Z https://forum.selfhtml.org/self/2019/oct/17/chrome-text-unscharf-bei-translate3d-50/1758936#m1758936 https://forum.selfhtml.org/self/2019/oct/17/chrome-text-unscharf-bei-translate3d-50/1758936#m1758936 <p>Schaue Dir das mal im FF an - da ist die Schrift richtig schön scharf. Im Chrome nicht.</p> Chrome Text unscharf bei translate3d -50% Thu, 17 Oct 19 11:58:40 Z https://forum.selfhtml.org/self/2019/oct/17/chrome-text-unscharf-bei-translate3d-50/1758937#m1758937 https://forum.selfhtml.org/self/2019/oct/17/chrome-text-unscharf-bei-translate3d-50/1758937#m1758937 <p>Hallo mixmastertobsi,</p> <blockquote> <p>Schaue Dir das mal im FF an - da ist die Schrift richtig schön scharf. Im Chrome nicht.</p> </blockquote> <p>Möglicherweise ist das auch vom Betriebssystem abhängig.</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Pantoffeltierchen haben keine Hobbys.<br> ¯\_(ツ)_/¯ </div>