在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动画填充模式？

回答

相关问题