IE의 css transition 떨림 문제 개선

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

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

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

“IE의 css transition 떨림 문제 개선”에 대한 2개의 생각

댓글 남기기

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

이 사이트는 스팸을 줄이는 아키스밋을 사용합니다. 댓글이 어떻게 처리되는지 알아보십시오.