IE의 css transition 떨림 문제 개선

IE에서는 css transition 적용 시 요소가 부들부들 떠는 현상이 있습니다. 움직임이 작은 범위에 긴시간으로 적용할 때 특히 심한 것 같습니다. IE는 부분 픽셀 계산에 문제가 있는 것 같습니다.

이 문제를 해결하는 방법으로 transform: rotate(.001deg); 를 추가하는 방법을 소개합니다. 이렇게 살짝 비틀어제끼면 훨씬 부드럽게 변환됩니다.

See the Pen IE transition bug test by dohoons (@dohoons) on CodePen.