The will-change property is the replacement of animation in few cases, all the animation will look so jumpy a few times when the page took time to load. But in the case of will-change, those animated things will perform smoothly.
will-change: auto | <animateable-feature>#
- auto: Here the developer should apply whatever heuristics and optimizations it normally does.
- <animateable-feature>: Here the developer can define what kind of animation developer want to show.
Example: This example illustrates the will-change property.
Supported Browsers: The browsers supported by CSS will-change property are listed below:
- Google Chrome
- CSS | transition-property Property
- CSS | top Property
- CSS | nav-up property
- CSS | nav-down property
- CSS | nav-right property
- CSS | all Property
- CSS | right Property
- CSS | bleed property
- Web API | DOMRect right property
- CSS | grid-gap Property
- Web API | DOMRectReadOnly y property
- CSS overflow-y Property
- CSS | resize Property
- CSS | align-self Property
- CSS border Property
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to email@example.com. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.