will-change

The will-change CSS property enables optimizing animations by providing a rendering hint to a browser about how an element is expected to change.

The will-change property provides a rendering hint to the browser indicating which properties are expected to be animated or otherwise changed. This enables browsers to create the necessary rendering optimizations to enable smoother changes and avoid jank.

The will-change property is aimed at improving rendering performance. This property can improve performance for elements with frequent repaints and reflows or for those that use properties such as box-shadow and clip-path to create complex visual effects.

Syntax example: will-change: auto;