是否可以获得平滑的过渡，以便按位置对图像进行动画处理？

Question

I am trying to implement a simple query animation on page load, an image (PNG with transparency) moving horizontally across the window which you can see on this page , and which uses this script:

<script>
$(document).ready(function() {
    $(".logo").animate({"left": "+=900px"}, 3000);
});
</script>

As you will probably see (I have tested in Firefox and Safari) the image judders as it moves across the window. I am wondering if there is a way of making this smoother.

Thanks,

Nick

Answer 1

Welcome to the world of programming for the browser... Ughh

As someone here stated, reduce the animation time to like no more than 1000 ms so that the jitteriness is less noticeable.

You can look into CSS webkit transitions, but those will only work on browsers such as safari and chrome.