CSS文字陰影性能問題。

我的工作，需要幾個H1標籤有文字陰影應用到他們的項目。這是導致一些真正的性能問題，FPS是在5以下:(CSS文字陰影性能問題。

我有文字變得模糊在頁面的頂部，當它首次進入視圖，然後它越接近窗口的中間，它進入了焦點，當用戶繼續向上滾動時模糊再次

該項目只需要在Chrome（v12）中工作，我很好奇，看看我們是否有任何問題的修復或替代用更少的性能命中的模糊文本的方法

乾杯

更新：？這裏是我的CSS，這就是BEING initally應用：

color: transparent; 
text-shadow: 0px 0px 1px #FFFFFF;

然後我操縱這個使用Javascript：

$(e.id).css('text-shadow', "0px 0px " + blurAmount + "px #FFFFFF");

這被應用到幾個大（86px字體大小）文本元素。

你可以發佈你的CSS？ – Roman

剛剛更新了原來的問題。 – harrynorthover

可能只是移動（滾動）和模糊的文本的組合是鉻上的渲染引擎的菌株。如果你想了解，嘗試用模糊從滾動和查看性能是否是在同一地區，現在是，或者如果它實際上是更好地分離的間隔文本。 – FK82

動態CSS3文字陰影已經在CPU應變相當沉重，就瀏覽器渲染雲，並添加JavaScript代碼導致窗口更新的同時滾動的每一個可能的框架上，該值，導致瀏覽器重新使用不同的設置會導致這種情況。

據我所知，目前還沒有修復，如果你需要這個效果確切的工作，因爲效果兩個部分需要重客戶端計算的。

2011-07-30 20:01:19 Nightfirecat

回答