[私の] CSS3/jQueryトランジションが不完全に滑らかになるのはなぜですか、どうすればスムーズになりますか？

Question

私はインターネット上でこれについての情報を検索しただけで、何でもが見つからないので、私はここにきて助けに来ました。

だからここに私が取り組んできたプロジェクトの蒸留バージョンです：（。Webkitのブラウザでの表示は、してくださいそれはFFフレンドリーにする時間がありませんでした。）

http://sachasayan.com/test/index.htmlは

何が私を悩ましているのですか？どの方法を使用しても、jQueryのアニメーションやcss3のトランジションでは、[私の]アニメーションは完全に滑らかではありません。私は最初にこのように表示される理由を理解していなかったし、微妙なので、私はそれを証明するためにビデオキャッピングをしなくてはなりませんでした。しかし、確かにそこにあります - アニメーションは不気味です。場合によっては、フレームが速すぎたり、遅すぎたりすることがあります。

これを前後に6回または7回フリップすると、私が何を話しているのかが分かります。

私はこれをjQueryで理解できます - JSの実行は完璧ではありません。クイックプロファイリングでは、実際にjQueryのアニメーションを使用すると、一部のフレームがすぐにトリガーされ、一部のフレームが遅くなることが示されます。しかし、CSS3と？

この問題を解決するにはどうすればよいですか？

Answer 1

• https://www.google.com/search?q=jquery+animation+performance
• https://stackoverflow.com/search?q=jquery+animation+performance

これはあなたのコードの前JSセット：

jQuery.fx.interval = 100; 

Answer 2

これは私の小さなプロジェクトの原型であるとあなたのようになります。

http://www.megaupload.com/?d=U77EATKF

"margin-left"のCSSプロパティと.animateのjQueryを使用してコンテナを移動していて、非常にスムーズです。矢印キーを使用してそれを使用する（左右）

そのプロジェクトの現在のバージョンは、今やイメージ、テキスト、iframeでいっぱいで、まだ滑らかです。

幸運。