will-change

CSS will-change

will-change 속성은 엘리먼트의 속성값이 변화될 때 어떻게 변화하는지를 브라우저에 미리 알려줌으로써 브라우저가 미리 인지하고 준비해 더 부드럽게 처리하도록 도와준다. 변화의 종류를 브라우저에게 알려주기 때문에 미리 적절하게 최적화할 수 있는 것이다. will-change: auto; // 기본값 will-change: scroll-position; // 엘리먼트의 스크롤 위치가 바뀔 것 will-change: contents; // 엘리먼트의 컨텐츠 중 일부가 바뀔 것 /* or 특정 CSS 속성을 명시: transform, opacity, top, left, right, bottom 등 */ will-change: transform; will-change: left, top; // 여러 속성 동..