我的任务是将Flash动画转换为HTML。动画相当复杂，需要将多个图像（9）从位置（x，y）移动到位置（x2，y2），同时将图像尺寸从215px宽增加到930px宽。
在用1-2张图片对这个动画做一些初步测试时，我注意到这个动画的FF处理有很多不稳定。为了尝试找出问题，我删除了动画的动态调整大小，并将其从A点移动到B点。
有趣的是，当我将仅调整大小的930px图像移动到215px（通过CSS宽度或内联宽度属性）时，我看到了相同的行为。
当我尝试使用实际为215px宽的不同图像的相同动画时，它表现得很流畅。然后，我尝试使用原始930px宽图像（没有调整大小）的相同动画，并且它也表现良好。
这让我想知道浏览器是否每次移动时都要将图像“调整”到215px，这会导致图像不稳定。这是正确的假设吗？如果是这样，有没有其他方法来优化动画，以允许同时调整图像大小和图像移动？
注意： 1）我所做的一个优化是绝对定位图像，以便最大限度地减少回流过程。 2）我使用jQuery和fX动画框架测试了动画。
答案 0 :(得分：0)
使用元素几乎不可能实现平滑动画。解决问题的最佳方法是使用技术组合：基于WebKit的浏览器的CSS动画，基于其他现代浏览器的动画（ff3-4，ie9）以及可能的过滤：transform（）如果需要，即6-8