是否可以通過位置獲得平滑過渡動畫圖像？

我想實現在頁面加載一個簡單的查詢動畫，在窗口上水平移動的圖像（PNG透明度），你可以在this page看到，並且使用這個腳本：是否可以通過位置獲得平滑過渡動畫圖像？

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

如你所願可能會看到（我已經在Firefox和Safari中測試過）圖像抖動，因爲它在窗口中移動。我想知道是否有辦法讓這個更平滑。

感謝，

尼克

2011-12-10 Nick

CSS動畫？ – Dallas

我只是加快速度。我知道這張幻燈片的長度不會超過500，這可能會使抖動不明顯。 –

js也都是客戶端。即使你讓它更平滑，也無法知道其他人是如何經歷它的。我的機器運行良好。 –

歡迎編程瀏覽器的世界...... Ughh

正如有人說在這裏，減少動畫時間喜歡不超過1000毫秒，使抖動不太明顯。

您可以查看CSS webkit轉換，但這些轉換僅適用於safari和chrome等瀏覽器。

2011-12-10 10:08:03

回答