티스토리 뷰
모든 DOM 혹은 CSS 등에서 애니메이션을 넣어야 하는 상황이 온다면
해당 애니메이션 엘리먼트 요소를 절대값으로 위치하는 것이 좋다.
이유는 간단하다. 리플로우를 방지하기 위함이다.
절대값이 아닌 상대값(relative)로 애니메이션을 구현하게 된다면 다른 엘리먼트들도 변경이 되어 리플로우 되어 DOM 속도가 느려지게 된다.
절대값으로 지정하게 되면 애네메이션으로 지정된 엘리먼트만 동작하기 때문에 다른 엘리먼트 요소에 대해서 리플로우를 최소화 시킬 수 있다.
무슨말인지 모르겠는가?
리플로우를 공부하면 알 것이다.