Will Change
The Telerik and Kendo UI Will Change Utilities are CSS utility classes that enable you to optimize browser performance by providing hints about what kinds of changes the author expects to perform on an element.
| Utility Class | CSS Property |
|---|---|
.k-will-change-transform | will-change: transform; |
.k-will-change-auto | will-change: auto; |
.k-will-change-scroll | will-change: scroll-position; |
.k-will-change-contents | will-change: contents; |
Auto
Use the k-will-change-auto utility to let the browser decide what to optimize for. This is the default behavior.
Scroll
Use the k-will-change-scroll utility to hint that the element's scroll position will be animated or changed.
Contents
Use the k-will-change-contents utility to hint that the element's contents are expected to change.
Transform
Use the k-will-change-transform utility to hint that the element will be transformed (translated, rotated, scaled, etc.).
