will-change

The will-change CSS property hints to browsers how an element is expected to change. Browsers may set up optimizations before an element is actually changed. These kinds of optimizations can increase the responsiveness of a page by doing potentially expensive work before they are actually required.

Initial value auto
Applies to all elements

Syntax

  
will-change: transform;
  

Values

This keyword expresses no particular intent; the user agent should apply whatever heuristics and optimizations it normally does.
Indicates that the author expects to animate or change the scroll position of the element in the near future.
Indicates that the author expects to animate or change something about the element’s contents in the near future.
Indicates that the author expects to animate or change the property with the given name on the element in the near future. If the property given is a shorthand, it indicates the expectation for all the longhands the shorthand expands to. It cannot be one of the following values: unset, initial, inherit, will-change, auto, scroll-position, or contents. The spec doesn't define the behavior of particular value, but it is common for transform to be a compositing layer hint. Chrome currently takes two actions, given particular CSS property idents: establish a new compositing layer or a new stacking context.

Browser support

will-change367936249.1

We use cookies to improve your experience. Learn more in our Privacy policy.

×