If...Else

언제 GPU 가속을 받을까? layout이 일어나지 않는 애니메이션만 GPU로 그린다. layout은 element의 위치와 크기를 정하는 과정이고, reflow와 같은 개념으로 이해하면 될 듯하다. color, opacity 프로퍼티를 바꾸는 애니메이션은 GPU 가속을 받는다. transform은 layout없이 element의 위치, 크기를 바꾸기 때문에 GPU 가속을 받는다. left, top으로 움직이는 애니메이션은 GPU 가속을 받을 수 없다. 어떻게 확인할까? 크롬 브라우저 주소창에 “chrome://flags”라고 입력한다. 리스트 중 “합성된 렌더 레이어 테두리”를 사용을 클릭한 후 하단의 “지금 다시 시작”을 클릭한다. 이 옵션을 사용하면 화면에서 GPU 가속을 받고 있는 element에..