文本的jQuery fadeIn不会平滑淡入

文本的jQuery fadeIn不会平滑淡入,jquery,fadein,Jquery,Fadein,与我在这里看到的其他帖子不同,我将jQuery fadeIn用于可变文本,而不是图像。我看到它在一个最后的脉冲变成全彩时有点起伏。我希望它能逐渐消失。我已将其发布在JSFIDLE上: 提前感谢您的帮助 我觉得很好。。也许可以尝试将时间间隔从1300增加到2500,然后检查是否看到相同的结果 // fade in of 3 phrases $("#fade1").fadeIn(2500, function() { $("#fade2").fadeIn(250

与我在这里看到的其他帖子不同,我将jQuery fadeIn用于可变文本,而不是图像。我看到它在一个最后的脉冲变成全彩时有点起伏。我希望它能逐渐消失。我已将其发布在JSFIDLE上:


提前感谢您的帮助

我觉得很好。。也许可以尝试将时间间隔从1300增加到2500,然后检查是否看到相同的结果

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

我觉得很好。。也许可以尝试将时间间隔从1300增加到2500,然后检查是否看到相同的结果

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

这看起来像是webkit渲染问题,是静态元素和中间动画(可能与字体平滑相关)之间的区别。这个“bug”可以通过对文本目标webkit应用不透明性来修复(因为它在firefox上不是问题):


在chrome/safari中,您的动画将变得平滑:

这看起来像是webkit渲染问题,静态元素和中间动画之间的区别(可能与字体平滑有关)。这个“bug”可以通过对文本目标webkit应用不透明性来修复(因为它在firefox上不是问题):


在chrome/safari中,您的动画将变得平滑:

不会看到任何错误。这在哪个浏览器上发生?此外,如果您的系统没有足够的可用内存,可能会导致性能问题。感谢您的关注。只发生在我的狩猎中,没有看到任何错误。这在哪个浏览器上发生?此外,如果您的系统没有足够的可用内存,可能会导致性能问题。感谢您的关注。这只发生在我的狩猎中。时间间隔的改变没有任何影响。不过,谢谢。时间间隔的改变没有任何影响。不过谢谢你。