Why is there a stair gradient when moving?

Question

Design

Hello. There is a gradient, let's say from black to white. If the image does not move, then everything is fine, but if we allow you to move through it, then stripes are noticeable for half a second until the image stops. The gradient seems to become 6 bit. It's normal, can anyone come across?

Answer 1

Try transform: translateZ(0) to use the GPU, and will-change: "what you have animating" to tell the browser what you want to animate.