CSS will-change All In One

CSS animation effect

live demo


element.style {
    will-change: transform;
    transform: perspective(1000px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);
}

will-change

https://www.w3.org/TR/css-will-change-1/

https://developer.mozilla.org/en-US/docs/Web/CSS/will-change

/* Keyword values */
will-change: auto;
will-change: scroll-position;
will-change: contents;
will-change: transform;        /* Example of <custom-ident> */
will-change: opacity;          /* Example of <custom-ident> */
will-change: left, top;        /* Example of two <animateable-feature> */

/* Global values */
will-change: inherit;
will-change: initial;
will-change: unset;

https://caniuse.com/will-change