CSS will-change All In One
CSS animation effect
live demo
https://nextjs.org/conf/tickets/xgqfrms
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
refs
CSS will-change
https://cssreference.io/property/will-change/
https://www.digitalocean.com/community/tutorials/css-will-change
https://css-tricks.com/almanac/properties/w/will-change/
https://www.sitepoint.com/introduction-css-will-change-property/
https://stackoverflow.com/questions/26907265/how-to-use-and-how-works-css-will-change-property
©xgqfrms 2012-2020
www.cnblogs.com 发布文章使用：只允许注册用户才可以访问！