transform：translateX導致文字模糊

我一直在爲此而瘋狂，還沒有找到解決方案，如果transform正在被應用，div中的任何內容都會因爲某種原因而變得模糊。雖然這隻發生在鉻。transform：translateX導致文字模糊

我試過使用Webkit風格聲明：-webkit-font-smoothing但我沒有成功。

在div CSS：

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

下面

是2個圖像顯示具有和不具有transform的差，第一個是與所述變換，第二個是不變換。感謝

2016-06-22 Jay Mar

我沒有看到這兩個圖像之間的任何顯着差異。 –

正如所料，某些字形的x偏移量由於轉換而略有不同。這兩個圖像都是反鋸齒的，並且都具有相似的清晰度。 – roeland

@roeland剛剛更新了圖像，您現在可以清楚地看到差異。 –

嘗試移動DIV無變換
像使用{位置：相對;左：-52％;}
變換通常將文字或IMG的質量（喜歡翻譯或規模），據我所知沒有100％準確的解決此問題

2016-06-22 11:10:50

回答