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/

大油漆矩形成为真正的问题。