xxxxxxxxxx
/** Example */
will-change: transform, opacity;
/** All all of above */
will-change: all;
/** no effect on hover */
.potato:hover {
will-change: opacity;
opacity:1;
}
xxxxxxxxxx
/**
The will-change CSS property hints to browsers
how an element is expected to change.
For example --> if we want to optimize an element for
an animated "width" and "height" then we would use
the CSS declaration as follows:
**/
#myElement{
will-change: width, height;
}
/**
Note: Notice how 2 property values where stated above, seperated
by a "comma".
I hope that this helps - Happy coding <3
**/