位置によってイメージをアニメーション化するスムーズな遷移を得ることは可能ですか？

私はあなたがthis page上で見ることができるウィンドウを水平に横切って移動するページのロードの単純なクエリアニメーション、画像（透明度PNG）を実装しようとしていて、どれがこのスクリプトを使用しています。位置によってイメージをアニメーション化するスムーズな遷移を得ることは可能ですか？

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

あなたがするようにおそらく（私はFirefoxとSafariでテストした）画像ジャダーがウィンドウの向こう側に移動するのを見ています。私はこれをよりスムーズにする方法があるのだろうかと思っています。ブラウザのプログラミングの世界へ

おかげで、

ニックは

2011-12-10 Nick

CSSアニメーション？ – Dallas

私は単にそれをスピードアップします。このスライドが500より長いことがわかっている理由はわかりません。ジッターが目立たないように思われます。 –

jsもすべてクライアント側です。たとえあなたがそれをよりスムーズにしても、他の人がどのようにそれを体験しているかを知る方法はありません。私のマシンはあなたのサイトを正常に走らせました。 –

ようこそ... Ughh

誰かがここで述べたように、そのように何も1000の以上のMSが好きないようにアニメーション時間を短縮ジッタはあまり目立たない。

CSS Webkitの移行を調べることはできますが、SafariやChromeなどのブラウザでのみ機能します。

2011-12-10 10:08:03

答えて