- 웹개발 기초
- HTML/CSS/JAVASCRIPT
CSS transform과 transition 성능 차이 - GPU 가속으로 애니메이션 버벅거림 100% 해결
웹 애니메이션을 구현할 때 개발자들은 보통 margin이나 top 같은 위치 속성으로 요소를 움직인다. 다만 대부분의 경우 이렇게 하면 프레임이 떨어지고 버벅거린다. 원인은 단순하다. 브라우저가 매 프레임마다 레이아웃을 다시 계산해야 하기 때문이다. 이번에는 CSS transform과 transition의 정확한 차이가 뭔지, 왜 transform이 성능상···
1
0