google-chrome - CSS3 トランジションが痕跡を残す

Question

CSS3 で遷移する特定のテキストで時々発生します。それが起こる理由がわからないので、jsfiddleで同じことを再現することはできません。

しかし、ここで 4 番目のスライド (5 つのリングがあるもの) を見ることができます。

http://jashwant.github.io/kickass-slider/

クールなテキストは、アニメーション中に軌跡を残し、しばらくすると軌跡が削除されます。しかし、他のテキストは跡を残さずに問題なく機能します。私は問題を見つけることができません。

どうすればこのトレイルを回避できますか?

(最新の Linux chrome 26.0.1410.63 を使用しています)

ps jquery-transit を使用してアニメーション化しています。

写真をご覧くださいCool。

アップデート：

詳しい回答はこちら

Answer 1

バグが修正されるまで、動くオブジェクトを Chrome でハードウェア アクセラレーションすることができます。行を追加するだけです

-webkit-transform: translate3d(0,0,0);

スライダーオブジェクトの定義に（私のテストでは、次の場所に追加しました：

.slider > li > .object {

）。これで修正されました。