will-change: transform tells the browser to promote an element to its own layer before an animation, reducing jank. Use it sparingly and remove it when done — too many promoted layers waste memory and can hurt performance. A scalpel, not a default.
will-change: transform tells the browser to promote an element to its own layer before an animation, reducing jank. Use it sparingly and remove it when done — too many promoted layers waste memory and can hurt performance. A scalpel, not a default.
<!doctype html><html><head><meta charset="utf-8">
<style>.b{width:80px;height:80px;background:#b388ff;will-change:transform;transition:transform .2s}.b:hover{transform:scale(1.2)}</style></head><body style="background:#06040d;padding:30px"><div class="b"></div></body></html>