2013-12-22 6 views
1

나는 제한된 InternetExplorer 지원을 극복하기 위해 관리했지만 새 프로젝트에서 3D 변환과 관련된 몇 가지 CSS3을 구현하려고합니다. Firefox 작동에 문제가 있습니다. 변환이 일어날 때CSS 3D 변형 Firefox 문제

중 하나를 내가 rotateY(deg)또는rotate3d(x,y,z,angle) 방법 만 파이어 폭스를 사용하여 과도한 깜박임이있는 것 같습니다. Chrome 또는 Internet Explorer에서도 제대로 작동합니다.

당신은 내가 JSFiddle here에 무엇을 의미하는지 알 수 있습니다. (효과를 볼 수있는 div에 마우스를 가져 가면.)

수정하고 여전히 세 파이어 폭스, 크롬에서 작동하는 3D 효과를 가질 수있는 방법이 있나요 및 IE?

+0

는 내 FF v26에서 매우 부드럽게 실행됩니다. –

+0

저는 v26도 실행 중이며 야간에도 시도해 보았습니다. 과도한 떨림/깜박임을 보았습니다. 문제가 발생하지 않았는지 확인하십시오. 차이점을 보려면 Chrome에서 실행 해 보셨습니까? –

+0

회전축이 큰 삼각형 (청록색)에 대해 다른 것처럼 보이는 것을 제외하고는 똑같은 것처럼 보입니다 –

답변

2

편집 2 : Firefox 버전 26.0에서 깜박임을 확인할 수 있습니다.

깜박임을 방지하는 다른 방법은 Here입니다.

편집 : 많은 답변이 아닌 경우 사과드립니다. 나는 주석을 달았지만 나는 허락되지 않았다.

편집 3 : # test3d의 깜박임은 입니다. 매우입니다. 애니메이션은 완전히 볼 수 없게 렌더링되고 마무리되기 전에 여러 번 추적됩니다.

+0

컴퓨터에서 깜박 거리는 것을 볼 수 없다는 뜻입니까? 당신이 코멘트를 기울이지 않으면 실제 답변을 업데이트하십시오. 친절하게 확인하십시오. –

+0

내 게시물에 댓글을 달 수있는 것 같습니다. 위의 편집에서 언급했듯이 ** ** Firefox **에서 ** 깜박임 **을 확인할 수 있습니다. 해결할 수 있는지 알아보기 위해 다양한 해결책을 시도 하겠지만 솔직히 모질라의 잘못 일 수 있습니다 . – Leaf

+0

솔루션에 대한 검색을 돕기 위해'perspective '를 완전히 제거하면 깜박임이 멈추지 만 다른 복잡한 3D 변환에서는 3D 효과가 나타나지 않을 것이라고 언급하고 싶습니다. –