scroll-position머지않아 요소 스크롤 위치의 변경 혹은 변이에 대한 기대를 가르킨다.contents머지않아 요소 내용에 대한 변경 혹은 변이에 대한 기대를 가르킨다.transformopacityleft, top will-changeChrome 53버전부터 애니메이션 성능과 그래픽 성능 개선하기 위해 새로운 동작을 선보였다. 하지만 그 영향으로 웹 사이트가 갑자기 흐릿하게 보이는 현상이 있었다. 이전 버전의 Chrome 포함한 다른 모든 브라우저는 동일한 애니메이션을 아름답게 렌더링한다. 논란의 핵심은 will-change 속성이다. javascript를 통해 transform 애니메이션을 사용할때 will-change 를 쓰면 흐려지는 대신 빨라진다.https://thisblogfor.me/web/will_change/will-change - CSS: Cascading Style Sheets | MDNwill-change CSS 속성은 요소에 예상되는 변화의 종류에 관한 힌트를 브라우저에 제공케 한다. 그래서 실제 요소가 변화되기 전에 미리 브라우저는 적절하게 최적화할 수 있다. 이러한 종류의 최적화는 잠재적으로 성능 비용이 큰 작업을 그것이 실제로 요구되기 전에 미리 실행함으로써 페이지의 반응성을 증가시킬 수 있다.https://developer.mozilla.org/ko/docs/Web/CSS/will-change
