jquery - テキストの jQuery フェードインがスムーズにフェードインしない

Question

ここで見た他の投稿とは異なり、画像ではなく可変テキストに jQuery fadeIn を使用しています。最後の 1 つのパルスがフルカラーになると、少し途切れ途切れにフェードインします。もっと徐々に薄くなってほしいです。jsFiddle に投稿しました: http://jsfiddle.net/9sPFa/

よろしくお願いします。

Answer 1

Webkit レンダリングの問題、静的要素とアニメーションの途中の何か (おそらくフォント スムージング関連) の違いのように見えます。この「バグ」は、テキスト ターゲティング Webkit に不透明度を適用することで修正できます (Firefox では問題にならないため)。

-webkit-opacity: .99;

あなたのアニメーションはchrome/safariで滑らかになります：http://jsfiddle.net/davechiu/9sPFa/3/

Answer 2

私には問題ないようです.おそらく、時間間隔を1300から2500に増やして、同じ結果が表示されるかどうかを確認してください..

// fade in of 3 phrases
        $("#fade1").fadeIn(2500, function() {
            $("#fade2").fadeIn(2500, function() {
                $("#fade3").fadeIn(2500);
            });
        });​