1

jQueryを使用しているときに、アニメーションの最後でテキストがちらつくのを防ぐにはどうすればよいですか[fadeIn()またはanimate()]。これは、フォントサイズが40px未満の場合にのみ発生するようです。

フィドルの問題を参照してください:http ://jsfiddle.net/HV7Az/8/

お気づきのように、私が見つけた唯一の解決策は、不透明度を100%ではなく99%にアニメートすることです。これは私には貧弱な解決策のようです。

実際のテキストの代わりに親divをフェードアウトするなど、さまざまなHTML形式を使用してみました。

4

1 に答える 1

0

このクロスブラウザーはテストしていませんが、Webkitベースのブラウザーでは、GPUアクセラレーションと関係があると思います。私は以下を追加することによって私の理論をテストしました:

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

これを配置すると、フォントがレンダリングおよびフェードされ、jsfiddleで不透明度が100%に達したときに再レンダリングされると思います。これは、IE9 / 10/Geckoブラウザーの問題である場合とそうでない場合があります。そこでテストして、テキストをアンチエイリアスすることで加速をだますことができるかどうかを確認する必要があります。

于 2012-08-02T03:32:57.390 に答える