2011-10-18 4 views
4

이 효과는 FF에서는 좋지만 Chrome에서는 작동하지 않습니다. Firebug에서는 Chrome에서 '-webkit-animation'이 Chrome에서 렌더링되지 않는 것으로 나타납니다. 그러나 파이어 폭스에서는 객체의 진입시 '스트레치'효과가 나타납니다. Chrome에서는 개체가 전혀 확장되지 않습니다.Chrome/Webkit의 CSS 애니메이션/축척 문제

http://jsfiddle.net/AfDwu/5/

+2

잘 지금까지 내가 말할 수있는 작동하는 것 같다 작동합니다 - 80 %의 애니메이션 포인트가 웹킷에있다

교체 – Thomas

+0

도 FF와 Chrome까지 나와 같이 작동하지만 moz one에없는 키 프레임 ... 두 결과 모두 똑같이 보입니다. – pjammer

+0

효과가 더 극적이므로 jsfiddle을 편집했습니다. 차이점을 지금 볼 수 있습니까? http://jsfiddle.net/AfDwu/26/ – AAAndreAAA

답변

3

당신은 -webkit-animation의 특성, 이름 만 지정되어 있지 않습니다.

-webkit-animation-name: ooze 

으로 :

-webkit-animation: ooze 2s 2s ease-in-out; 

을 그리고

+0

SWEET !! 고마워요 Duopixel! – AAAndreAAA