css - CSS変換回転がテキストを醜くする理由

Question

一部のブラウザー (私にとっては、XP の firefox と chrome) は、CSS 回転を使用してテキストにアンチエイリアスを適用していないようです

例: http://dabblet.com/gist/4281185

テキストではなく画像に適用されるのはなぜですか?

Answer 1

3D 変換を使用します。実際に 3D 変換を行っていない場合でも、3D 変換プロパティを使用すると、次のようにパフォーマンスを向上させることができます。

1. 従来の GPU で起動し、よりスムーズなパフォーマンスが得られます。
2. ボタンのデフォルト状態ではテキストがクラップアップ (間引き) されるため、遷移が開始されても驚くことではありません。

WebKitには、変換/遷移中のテキストがすべて薄くて安っぽく見えるという厄介な問題があります(私はそれをバグと呼んでいます)。テキストはデフォルトで見栄えがしますが、ボタンが遷移中または変換されると、点滅して薄くなります。

お役に立てれば。

Answer 2

テキストの品質が悪いのは明らかに、使用している Web ブラウザの「障害」ですが、しばらく待って修正する必要があります。Web 開発者が新機能の使い方を学ぶにつれて、ブラウザー プログラマーはそれらを実装する必要があり、それが正しく機能するまでにはある程度の時間がかかります。ブラウザーの次のバージョンで確認してください。テキストの回転がますます大きくなり、人気のあるブラウザーがより適切に処理され、より多くの Web ページが正しく表示されるようになる場合。