CSS 끝 부분 - 웹킷 변환 : 이미지 깜박임 또는 깜박임 변환

Question

-webkit-transform: translate(500px ,0)을 테스트하면 이미지가 부드럽게 보이지만 일단 완료되면 이미지가 깜박이거나 깜박입니다. Android 브라우저에서 테스트했습니다.

이 깜박임을 제거 할 방법이 있습니까?

Android 마켓 앱 (태블릿)에서 상단 배너를 복제하려고합니다. HTML/CSS가로드되는 방식에 따라 HTML/CSS가 모두 완료된 것처럼 보입니다.

Answer 1

-webkit-backface-visibility는 문제가 될 수 있지만 성능이 모든 장치에서 최적이되도록하려면 DOM을 캐싱하고 translate3d를 GPU 가속으로 사용하십시오.

이것은 모든 기기의 성능을 향상시키는 데 도움이되는 유용한 자료입니다.

Improving Performance of HTML5 App

UPDATE

translate3d 및 기타 3D 속성이 맥 OS X 마운틴 라이온 또는 iOS 6 이상에서 가속 더 이상 하드웨어 없다, 조심.