will-change: transform
transform: matrix3d(0,0,0);
will-change的作用
will-change的作用就是告诉浏览器某个元素将要发生的变化,从而使浏览器在渲染过程中提前分配和优化相应的资源。会使得动画变得流畅一些,只在需要优化的元素上使用will-change,避免对所有元素都进行指定
例如,当我们设置了will-change: transform时,浏览器会为该元素创建一个独立的图层,将这个图层标记为“即将变换”。这样,在进行布局和绘制时,浏览器就可以更高效地处理这个元素,而无需重新计算整个渲染树。