Javascript 使脚本更好。烟不够顺滑

Javascript 使脚本更好。烟不够顺滑,javascript,jquery,animation,Javascript,Jquery,Animation,我已经创建了一个脚本来设置烟雾动画。我制作了三个png文件的动画。这些png文件是带有烟雾图像的文件 但有时脚本有点起伏,烟雾动画也不平滑。有时,重新加载烟雾时,动画不平滑 如何解决该问题,使烟雾动画平稳运行 您可以在JSFIDLE上看到脚本和演示(可编辑): 非常酷 使用-transform(-webkit-transform,-moz-transform,和-o-transform)为移动设置动画,而不是通过底部的绝对定位,将使大多数浏览器启动硬件加速,这应该会注意闪烁 不过我不知道你的情况

我已经创建了一个脚本来设置烟雾动画。我制作了三个png文件的动画。这些png文件是带有烟雾图像的文件

但有时脚本有点起伏,烟雾动画也不平滑。有时,重新加载烟雾时,动画不平滑

如何解决该问题,使烟雾动画平稳运行

您可以在JSFIDLE上看到脚本和演示(可编辑):

非常酷

使用
-transform
-webkit-transform
-moz-transform
,和
-o-transform
)为移动设置动画,而不是通过
底部的绝对定位,将使大多数浏览器启动硬件加速,这应该会注意闪烁


不过我不知道你的情况

您是否在所有浏览器中都看到了断断续续的内容,还是在特定的浏览器中看到了断断续续的内容?在Firefox7和Linux上,我看不出有什么起伏。我喜欢这种效果。我只见过一次波涛汹涌的场面,但很短暂。有没有理由不直接覆盖动画gif?@rkw:gif只允许二进制透明,这看起来肯定更糟。你可以:0。看起来很棒。在开始时只创建一次所有div并重用它们;2.分离当前div,而不是将其移除;3.缓存你的烟雾元素@Irishka:我试着隐藏他的烟雾元素;它并没有解决动画中偶尔出现的问题。