CSS3 rotate3D 크로스 브라우저 문제

Question

그래서 나는이 바이올린을 가지고 : http://jsfiddle.net/aA9Rm/1/. 그것은 파이어 폭스에서 잘 작동하지만 크롬에 문제가 있습니다. 이유를 이해할 수 없습니다. 파이어 폭스에서 마우스를 움직이면 마우스를 움직이면 아무렇지도 않게 작동하지만 크롬에서 클릭하거나 인치를 움직이면 움직이기 시작 (흔들림)하고 싶지 않습니다. 그. CSS3에서 나는 3D 회전을 사용

,

-moz-transform: rotateY(-90deg);; 
-webkit-transform:rotateY(-90deg); 
transform:rotateY(-90deg); 

솔루션 누구?

Answer 1

난 당신이 질문에서 같은 버그가 발생 생각 : 그것은 사업부가 너무 많은 비트를 회전하는 회전하려는 크롬 버그처럼 보이는 CSS Flip Transition Between Two <div>'s

.

.cube:hover{ 
    -moz-transform: rotateY(-90deg); 
    -webkit-transform:rotateY(-89.9deg); 
    transform:rotateY(-90deg); 
} 

그것은 매우 해키있어하지만 난 어떤 청소 해결책을 발견하지 :이 CSS (웹킷 학위를 참조)를 변경하여 크롬에 당신의 jsfiddle를 해결할 수 있습니다. pointer-events: none; 속성을 사용하여 어떤 방식 으로든 작동하도록 할 수도 있습니다.