What is the will-change property and when should it be used?

will-change gives the browser a hint about what properties will animate, allowing it to optimize ahead of time (e.g., creating a new compositor layer).

Use it sparingly. It consumes GPU memory. Apply it via JavaScript right before the animation starts, and remove it immediately after. Do not apply it globally or permanently to elements.