Question

Chrome的webkit是唯一支持动画填充模式的（我知道）。

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

在我的 site 上，当您在Chrome上加载页面时，动画效果很好。但是，由于它是一个移动网站，因此它无法在Chrome之外运行。

如果可能，我想要一个纯CSS解决方案。

Answer 1

对于其他浏览器，您可以使用：

 -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

度过愉快的一天

除Chrome之外的其他浏览器上的CSS动画填充模式？

1 个答案: