2012-12-13 3 views
10

einige Browser (für mich: firefox & Chrom auf XP) scheinen nicht das Anti-Aliasing-Text mit CSS Rotationwarum CSS-Transformation drehen Text hässlich

exemple anzuwenden: http://dabblet.com/gist/4281185

Warum sie gelten auf Bildern, aber nicht auf Text?

+0

Niedrige Qualität Implementierung einer sehr neuen Funktion. Wir sollten uns wahrscheinlich darüber freuen, dass es überhaupt Unterstützung gibt. –

+0

Nicht so neu, es gibt seit Firefox 3.5 (Juni 2009) und 1. Chrome-Version (Dezember 2008) http://caniuse.com/#feat=transforms2d –

+0

Es ist erwähnenswert, dass, während die Implementierung ist ziemlich alt, dass nur bestimmte Module (vielleicht 4/50) von CSS3 wurden vor kurzem formell ratifiziert (think 2011/2012). Was die gesamte Welt betrifft, ist die Textrotation ein neues Feature. –

Antwort

3

Verwenden Sie 3D-Transformationen. Die Verwendung von 3D-Transformationseigenschaften kann, selbst wenn Sie keine 3D-Transformationen durchführen, die Leistung wie folgt verbessern:

  • Es wird auf die alte GPU treten und eine glattere Leistung erzielen
  • Es wird den Text im Standardzustand der Schaltfläche beschleifen (ausdünnen), so dass es keine Überraschung ist, wenn der Übergang beginnt.
  • WebKit hat das böse (ich würde es einen Fehler nennen), wo Text transformiert wird/verwandelt alles dünn und beschissen aussieht. Der Text wird standardmäßig gut aussehen, aber Sie werden blitzen und ausdünnen, wenn sich der Button im Übergang befindet oder transformiert wird.

    hoffe das hilft.

    +0

    3D-Transformation Eigenschaften arbeiten in der IE? – underscore

    1

    Schlechte Textqualität ist offensichtlich "Fehler" des Webbrowsers, den Sie verwenden, aber Sie sollten nur einige Zeit warten und es sollte behoben werden. Wenn Webentwickler lernen, neue Funktionen zu verwenden, müssen Browser-Programmierer sie implementieren, und das benötigt etwas Zeit, um korrekt zu arbeiten. Überprüfen Sie es in der nächsten Version des Browsers - wenn die Textrotation wächst, werden immer mehr populäre Browser besser damit umgehen, mehr Webseiten korrekt anzuzeigen.