New! My 44-page ebook "CSS in 44 minutes" is out! 😃

Get it now →

#will-change

Defines which properties are expected to change in the future (either through CSS or JavaScript).

default will-change: auto;

Doesn't tell the browser to optimize any property.

will-change: scroll-position;

Tells the browser to optimize for the element's scroll position, as it might change in the future.

will-change: contents;

Tells the browser to optimize for the element's contents, as it might change in the future.

will-change: box-shadow;

You can specify any other CSS property. For example, this tells the browser to optimize for the element's box-shadow, as it might change in the future.