google-chrome - 再描画を引き起こす複数の背景

Question

何らかの理由で、複数の背景 (グラデーションまたはイメージ) がアニメーションのジッタリングを引き起こします (絶え間ない再描画による)。Canary ビルドでは発生せず、シークレット ウィンドウで確認したので、これは拡張機能の問題ではありません。

//sluggish
.two-bg {
-webkit-transition: 20s linear; 
width: 640px;
height: 320px;
background-image:url("..."), url("...");

background-position: 0px 0px, 16px 16px;
}

//good
.single-bg {
-webkit-transition: 20s linear;  
width: 640px;
height: 320px;
background-image:url("...");
}

.animate{
-webkit-transform: translateX(200%);
}

デモ: http://jsfiddle.net/8sWpr/1/

大きなペイント長方形では、それが本当の問題になります。