CSS3動畫錯誤

Question

我有一個使用CSS3動畫反彈的加載圓。 我已經在CSS中編寫了一個簡單的淡出動畫，該動畫會在一定的秒數后隱藏進度圈，但似乎不起作用。

jsFiddle

Answer 1

您缺少瀏覽器前綴，當前CSS動畫才能在主流瀏覽器中正常工作。

Firefox和其他Mozilla瀏覽器的前綴是-moz- ，WebKit是-webkit- ，Opera是-o- ，而IE是-ms- 。

另外，您也可以嘗試使用PrefixFree很小的2kb JavaScript。 該腳本很小，並且，如果沒有其他要求，它將節省您的時間和麻煩，因為您不必鍵入所有這些前綴。