perspective 속성을 사용하는 중 실수가 있습니다. Google 크롬 (v33) 및 Mozilla Firefox (v28)에서 this JSFiddle code을 볼 수 있는데 차이가 있습니다. 재현 할 수 있습니다. 코드에 주석을 달면 Chrome에서이 오류가 발생합니다. -webkit-perspective: 2500px;
-moz-perspec
프로젝트에 animate.css를 사용하고 iOS8 모바일 사파리에서 주요로드 블록을 기록했습니다. 원근법을 사용하는 애니메이션이 작동하지 않습니다. 이는 known issue으로 식별되었지만 솔루션이 제공되지 않았습니다. 참조 용으로 아래의 특정 CSS 코드가 포함되었습니다. 이 문제에 관해서는 아무 것도 발견하지 못했기 때문에 큰 도움이되었습니다. @-
-webkit-transform, -webkit-perspective 및 여러 비슷한 것을 사용하는 CSS를 작성했습니다. 내 디자인은 하드웨어 가속을 사용할 수 있지만 실제로는 사용할 수없는 경우 기계에서 꿀벌 무릎을 봤습니다. 하드웨어 가속화 가용성을 확인하고 대체 CSS를 제공하려면 어떻게해야합니까? 사이드 노트 : chrome : // gpu-int
div 내에서 3D로 변환 된 요소의 위치 지정에 두 가지 문제가 있습니다. 아래 이미지에서 분홍색 사각형은 10 면체의 "바퀴"를 담는 용기입니다. 퍼스펙티브 원점은 각 div의 중간에 설정됩니다. 창간호 (좌측 휠)의 휠은 수직 DIV 중심되지 않는다는 것이다. 인위적으로 translateY를 사용하여 휠을 아래로 움직일 수 있지만 번역 할 정확한 금액
플립 핑 카드를 표시하는 JSFiddle이 있는데, 예상했던대로 크롬에서 작동하지만 파이어 폭스의 깊이 원근감은 평평합니다. 문제가 어디 있는지 모르겠습니다. 나는 추가 시도 : 모든 클래스에 transform-style: preserve-3d;
및 perspective: 1000;
(카드 등) 나는 운없이 할 수 있었다. HTML 구조는 다음과 같