javascript - 如何防止在转换背景图像时发生卡顿？

Question

我正在使用 background-size: cover; transition: background-image 4s; 在一个元素上，我写了一些 JS，每 10 秒更改一次 background-image 属性。

元素在 webkit 浏览器中转换背景图像，但图像在转换时抖动。

我怎样才能避免这种情况？

这是一个带有行为示例的 JSFiddle:

http://jsfiddle.net/michaelynch/x60gL1p6/

Answer 1

不要使用 background-size: cover;，而是使用 % like background-size: 100% 190%;