javascript - 如何让 Chrome 在 FadeIn() 期间应用字体平滑？

Question

我有一个大标题，希望在页面加载后逐渐淡入。我正在使用以下 jQuery 代码片段来实现这一目标。

$('#primary').fadeIn(1000);

但是，在过渡期间，Chrome 似乎在效果完成之前不会应用抗锯齿(或字体平滑)。这会在淡入结束并应用字体平滑后产生明显的抖动。 IE、Firefox 和 Safari 都可以正常工作。

就是这两者的区别...

还有这个……

这可以在这里看到:http://jsfiddle.net/68Bmd/

关于如何让 Chrome 在淡入期间应用字体平滑有什么想法吗？

附言我知道我可以禁用字体平滑。这消除了 SCSS ，但它使字体看起来很糟糕。

Answer 1

我试着在标题前面放一个阴影然后淡出，它似乎起作用了。

html:

<div id="container">
    <div id="shadow"></div>
    <h1 id="primary">This is a Title</h1>
</div>

和CSS:

#shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: #fff;
}

http://jsfiddle.net/57x88/1/