transform：translateXはテキストのぼかしを引き起こします

私はそれについて夢中になりましたが、解決策をまだ見つけられていません.が適用されている場合、何らかの理由でdivのコンテンツがbluredになります。これはクロムでのみ発生します。transform：translateXはテキストのぼかしを引き起こします

私はWebkitスタイルの宣言を使用しようとしました：-webkit-font-smoothingしかし、私は成功しませんでした。

DIVのCSS：以下

#divId { 
     width: 100%; 
     height: 100%; 
     -webkit-transform: translateX(-52%); 
     transform: translateX(-52%); 
}

はtransformとない違いを示す2枚の画像、は最初の変換であり、第二の変換なしです。おかげ

2016-06-22 Jay Mar

私はこれらの2つの画像に大きな違いは見られません。 –

期待どおり、いくつかのグリフのxオフセットは、変換のためにわずかに異なります。両方の画像はアンチエイリアス処理されており、どちらも同様のシャープネスを持っています。 – roeland

@roelandちょうどイメージを更新しました。あなたは現在の違いをはっきりと見ることができます。 –

用いて同様に変換
なしDIVを移動してみ{位置：相対;左：-52％;}
変換は、通常、（テキストまたはIMGの品質を変更します翻訳やスケールのようなものです）、私が知っている限り、これについて100％正確な回避策はありません。

2016-06-22 11:10:50

答えて