2011-06-13 5 views
4

이미지를 천천히 확대하고 싶습니다. 내 idea은 웹킷에서는 훌륭하게 작동하지만 Firefox에서는 작동하지 않습니다. 누군가가 왜 더 나은 방법을 알고 있습니까?Firefox에서 느린 CSS3 애니메이션 깜박임

+1

효과는 자바 스크립트에 의존, 그래서 거기에 CSS3를 사용할 필요가 없습니다 내가 볼 수있는 변환, 다른 한편으로 FF의 20b5에 고정 확인 성능 향상보다. 그러나 효과는 * 20 초 * 걸리므로'transform '이없는 자바 스크립트로 똑같은 일을 할 수 있으며 거의 ​​모든 브라우저에서 사용할 수 있습니다. Firefox에서이 기능을 향상시킬 수없는 경우 염두에 두어야 할 사항이 있습니다. – thirtydot

+1

제목이 오해의 소지가 있습니다.이 내용은 [CSS3 animations] (http://www.w3.org/TR/css3-animations/)가 아닙니다. – Knu

답변

1

파이어 폭스 오페라는 CSS3의 애니메이션 지원하지 않는

시험 : http://modernizr.github.com/Modernizr/test/index.html

+1

Firefox 5 (현재 베타) - http://www.css3.info/css3-animations-support-in-firefox-5-beta/ 및 Opera 10.5도 마찬가지입니다. - http://www.opera.com/docs/specs/presto23/css/transitions/ – Phil

+0

Mozilla가 버그로 보입니다. https://twitter.com/#!/paulrouget/status/80204726054043648 – binarious

+3

놀래시겠습니까? 이 *는 * 애니메이션을 사용하지 않으며,'transform' [http://caniuse.com/transforms2d](http://caniuse.com/transforms2d)와'transition' [http://caniuse.com/# search = transition] (http://caniuse.com/#search=transition), 둘 다 Firefox 4에서 작동합니다. – thirtydot

관련 문제