javascript - 使用非常大的背景位置偏移是否存在性能问题？

Question

我正在构建一个进度条控件，我正在处理它实际上并不显示进度，而只是旋转指示器“正在发生某事”的情况。我的设计基本上是交替的斜条纹，本质上是一个像这样的理发杆，但是“旋转”:

希望尽可能多地卸载渲染引擎，我想为此使用 CSS 转换。 支持旧浏览器对我来说不是问题。

所以，我的第一个想法基本上是这样做的:

.barber-pole {
    background-image: url(repeating-slice.png);

    /* set a very long (one hour!) transition on the background-position */
    transition: background-position 3600s linear 0s;
}

... 然后，当它呈现到屏幕上时，使用 Javascript 基本上执行此操作:

myBarberPole.style.backgroundPosition = '-1000000px 0';

是否存在任何性能问题:

1. 过渡那么久
2. background-position: -1000000px 0 ?

或者，您有更好的解决方案吗？

Answer 1

我认为不会有任何性能问题。不是因为您使用了大数字，他们使用了更多 CPU 或内存。