CSS動畫比例在Firefox，而不是在Chrome

解決：CSS Animation/Scale issue in Chrome/Webkit CSS動畫比例在Firefox，而不是在Chrome

我問這個問題之前，但我不知道這是否是顯而易見的。我做了很多故障排除，因爲無濟於事。所以我回來了，希望得到一些幫助。

使用JS，在doc準備就緒的情況下，我刪除隱藏圖像的類並添加用於設置運動對象的logoAnim。
物體應該同時放入scaleY（2）效果 - 滲出/滴落效果。

您可以通過Firefox/Moz在JSFiddle鏈接中看到正確的效果，但它在Chrome/Webkit中無法正常工作。查看FF中的Firebug代碼，在'.logoAnim'的CSS中出現'-moz-animation：2s easy 2s normal none 1 ooze' - 它沒有出現在Chrome的webkit版本中。

我錯過了什麼嗎？ webkit中的CSS的結構/順序是否重要？

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

來源

2011-10-17 AAAndreAAA

你有沒有標記/ jsfiddle.net的例子？ – Kyle

好的 - 我在嘗試，但我沒有得到結果... http：//jsfiddle.net/AfDwu/1/ – AAAndreAAA

對於我來說，縮放在任一瀏覽器中都不起作用。 –

此問題已得到解決的DuoPixel：CSS Animation/Scale issue in Chrome/Webkit

你沒有指定-webkit-animation的屬性，只有名稱。

替換：-webkit-animation-name: ooze

有了：-webkit-animation: ooze 2s 2s ease-in-out;

，它會工作。

來源

2012-01-23 01:59:30 AAAndreAAA

CSS動畫比例在Firefox，而不是在Chrome

回答

相關問題