多个背景导致重画

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/

大油漆矩形会成为现实问题。