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

回答