如何避免jQuery动画[ fadeIn( )或动画() ]末尾的文本闪烁？

Question

当使用fadeIn时，如何避免动画jQuery ()或动画()末尾的文本闪烁？这似乎只发生在字体大小<40 to时。

看到了小提琴中的问题：http://jsfiddle.net/HV7Az/8/

您会注意到，我找到的唯一解决方案是将不透明度动画化为99%，而不是100%。对我来说这似乎是个糟糕的解决方案。

我尝试过使用各种HTML格式，比如删除父div而不是实际文本。

Answer 1

我还没有测试过这个跨浏览器，但是使用基于webkit的浏览器，我相信它与GPU加速有关。我通过添加以下内容验证了我的理论：

.animate-99, .animate-100 {
opacity: 0;
-webkit-font-smoothing: antialiased;
}

有了这一点，我认为字体是呈现和褪色的，在你的小提琴曲中，当不透明度达到100%时，它会被重新渲染。在IE9/10/Gecko浏览器中，这可能是一个问题，也可能不是问题；您必须在那里进行测试，看看是否可以通过对文本进行反别名来欺骗加速。