Development/CSS & SCSS

[CSS] 애니메이션 성능 개선 방법

moretz0921 2021. 1. 14. 22:09

 

 

출처

 

wit.nts-corp.com/2017/06/05/4571

 

CSS 애니메이션 성능 개선 방법(reflow 최소화, will-change 사용) | WIT블로그

CSS 애니메이션 성능 개선 방법(reflow 최소화, will-change 사용)

wit.nts-corp.com

 

ymson.tistory.com/entry/reflow%EB%A5%BC-%EB%B0%9C%EC%83%9D%EC%8B%9C%ED%82%A4%EB%8A%94-%EC%9A%94%EC%86%8C%EB%93%A4

 

reflow를 발생시키는 요소들.

Element clientHeight, clientLeft, clientTop, clientWidth, focus(), getBoundingClientRect(), getClientRects(), innerText, offsetHeight, offsetLeft, offsetParent, offsetTop, offsetWidth, outerText, sc..

ymson.tistory.com