我正在使用CSS变量制作动画，其中CSS变量的值根据页面滚动而变化。然后在关键帧动画中使用该变量。 最初它只在Firefox上正确更新。与此同时，我找到了一种方法，在Chrome上也可以让它正常工作，方法是强制重绘，在这种情况下，将颜色从#000动画到#001。 /* --scale is...

我正在尝试防止浏览器重绘，以提高使用CSS动画的大型单页应用程序的性能。 如果我有一个元素，它具有:hover { transform: scale(...) }效果，我可以使用will-change: transform和/或transform: translateZ(0)来防止重绘，如此...