IE의 css transition 떨림 문제 개선

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

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

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

댓글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다

This site uses Akismet to reduce spam. Learn how your comment data is processed.