화면·디자인 · 참고
리플로우Reflow
요소 크기나 위치가 바뀌어 브라우저가 배치를 다시 계산하는 일.
가장 비싼 렌더링 작업입니다. `width`·`top`을 애니메이션하면 매 프레임 리플로우가 일어나 끊깁니다. `transform`과 `opacity`는 배치를 다시 계산하지 않아 부드럽습니다.
“left 애니메이션을 transform으로 바꾸자 끊김이 사라졌다.”
다른 이름reflow · 리페인트 · repaint
화면·디자인 · 참고
요소 크기나 위치가 바뀌어 브라우저가 배치를 다시 계산하는 일.
가장 비싼 렌더링 작업입니다. `width`·`top`을 애니메이션하면 매 프레임 리플로우가 일어나 끊깁니다. `transform`과 `opacity`는 배치를 다시 계산하지 않아 부드럽습니다.
“left 애니메이션을 transform으로 바꾸자 끊김이 사라졌다.”
다른 이름reflow · 리페인트 · repaint