在Chrome瀏覽器的其他瀏覽器上的CSS動畫填充模式？

Chrome的webkit是唯一一個支持動畫填充模式（我知道）。在Chrome瀏覽器的其他瀏覽器上的CSS動畫填充模式？

（-webkit-animation-fill-mode: forwards）

在我site動畫時加載在Chrome的頁面工作得很好。但是，因爲它是一個移動網站，所以它在Chrome之外無法正常工作。

如果可能，我想要一個純粹的CSS解決方案。

2014-01-08 Claudio

作爲MDN的在被支撐所有現代瀏覽器。你還包括其他供應商前綴？見：https://developer.mozilla.org/en-US/docs/Web/CSS/animation-fill-mode（同時關注頂部那個大黃色的盒子「這是一個實驗技術」） – feeela

我的網站是爲移動設計的，並且與移動瀏覽器的兼容性未知......沒有工作2.3.4 Android海豚瀏覽器。 – Claudio

相關http://stackoverflow.com/questions/12598930/webkit-animation-fill-modeforwards-not-working-on-android-2-3-5（以及它看起來可以用jQuery完成的答案） – andyb

對於其他瀏覽器，你可以使用：

-webkit-animation-fill-mode: forwards; /* it works with Chrome */ 
    -moz-animation-fill-mode: forwards; /* works with Mozilla Firefox */ 
    -ms-animation-fill-mode: forwards; /* works with IE */ 
     -o-animation-fill-mode: forwards; /* works with Opera */ 
     animation-fill-mode: forwards; /* should work with all browser .... in theory */

您可以在前綴在這裏找到更多的細節：

http://www.w3schools.com/cssref/css3_browsersupport.asp

有一個愉快的一天

來源

2014-01-08 08:48:39 Tony

在Chrome瀏覽器的其他瀏覽器上的CSS動畫填充模式？

回答

相關問題