css3 크로스 브라우저 변환이 작동하지 않습니다.

봉투가 열리고 카드가 나오는 클라이언트에 대해 다음 코드를 시도합니다. 순수한 CSS3 변환과 회전을 사용하고 있습니다. 그것은 크롬과 오페라에서 완벽하게 작동합니다. Mozilla에서는 사소한 결함이 있지만 사파리와 IE 10+에서는 전혀 작동하지 않습니다. 모든 공급 업체 접두사를 사용했습니다. 내가 놓친 게 있니? 이것을 크로스 브라우저 용 javascript로 할 수 있습니까?css3 크로스 브라우저 변환이 작동하지 않습니다.

http://markroland.com/project/css-greeting-card/demo/index-webkit.html

출처

2014-10-11 rohitnaidu19

디버깅 도움 ("왜 일이 코드가 아닙니다?")을 찾는 질문 원하는 동작, 특정 문제 나 오류 및 질문 자체를 재현하는 데 필요한 가장 짧은 코드를 포함해야 *. 분명한 문제 설명이없는 질문은 다른 독자에게 유용하지 않습니다. 다음을 참조하십시오 : [최소, 완전하고 검증 가능한 예제를 만드는 방법] (http://stackoverflow.com/help/mcve). * –

접두어가 붙지 않은 CSS 속성을 사용하십시오. 그리고 다른 사람과 마찬가지로 공급 업체 접두어가 붙은 속성은 공급 업체의 접두사가 붙은 이벤트를 유발합니다. 그러나 요즘에는 매우 표준적인 전환과 변환을 위해 접두사가 필요하지 않습니다. –

나는 그것이 문제입니다 transitionend 이벤트가 될 수 있다고 추측하고있어 코드를 찾고 있습니다. 다른 브라우저는 다른 이벤트를 던집니다. 자체 How do I normalize CSS3 Transition functions across browsers?

document.getElementById('').addEventListener('transitionend', function(event) {

출처

2014-10-11 08:31:44

나는 해결책에있는 해결책을 시도 할 것이다. 감사! – rohitnaidu19

css3 크로스 브라우저 변환이 작동하지 않습니다.

답변

관련 문제