-webkit- 원근감 설정 ipad3 화면 흐림

Question

iPad 3에서 웹킷 퍼스펙티브 CSS 속성을 설정하면 자식 요소가 매우 흐릿하게 렌더링됩니다. 이는 망막이 아닌 디스플레이를위한 이미지 인 경우 렌더링됩니다. 이미지를 흐릿하게 렌더링하는 것에 대해 이야기하는 것이 아니기 때문에 DOM 하위 요소가 흐릿하게 렌더링됩니다.

그에 대해 수행 할 수있는 작업은 무엇입니까?

단순히 Z 축의 이동이 필요한 애니메이션을 사용하기 때문에이 속성을 제거하는 것은 옵션이 아닙니다.

속성 CSS에서 다음과 같이 설정됩니다

-webkit-perpective: 500; 

감사합니다 여기에 대한 도움을!

Answer 1

이 도움이 될 것입니다 확실하지만, 프런트 엔드 신 데이비드 DeSandro하여이 문서에서 이런 종류의 언급은 "Z 축 ORIGIN으로 돌아 가기"섹션에서, 거기되지 않음 :

http://24ways.org/2010/intro-to-css-3d-transforms

3-D 변환을 원활하게 유지하려면 Safari가 요소를 합성하고 이 변환을 적용합니다. 결과적으로, 텍스트에 대한 앤티 앨리어싱은 변환이 적용되기 전이었던 그대로 유지됩니다. 은 3 차원 공간에서 앞으로 변화 할 때, 중요한 픽셀 화는 ... 발생할 수 있습니다

... 그래서, 우리가 3 차원 객체를 밀어 수있는 왜곡을 해결하고, 우리의 #cube에 를 픽셀 완벽을 복원하려면 정면은 이고 Z 축 원점으로 다시 위치합니다. 이 문제를 함께 할 수있는 뭔가가있을 수 있습니다처럼

#cube { -webkit-transform: translateZ(-100px); }