2011-10-18 6 views
4

このエフェクトはFFでうまく動作しますが、Chromeでは動作しません.Frombugの結果では、Chromeで '-webkit-animation'がレンダリングされないことが示されます。しかし、Firefoxでは、オブジェクトの入り口に「ストレッチ」効果があります。 Chromeでは、オブジェクトはまったくスケールされません。Chrome/WebkitのCSSアニメーション/スケール問題

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

+2

に動作します私の知る限り正常に動作するようです - 80%のアニメーションポイントがWebKitの中にあります – 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