【问题标题】:-webkit-animation-fill-mode:forwards; not working on android 2.3.5-webkit 动画填充模式:转发;不适用于安卓 2.3.5
【发布时间】:2012-09-17 21:55:51
【问题描述】:

想知道是否有人知道在 android 2.3.5 上 -webkit-animation-fill-mode:forwards; 的原因不起作用,有什么解决方法吗?我已经声明 oper 将动画的每个属性分开,解决了动画根本不工作但这种填充模式仍然没有响应。提前谢谢。 我的实际解决方法代码以及以下如何在此 android 2.3.5 中不起作用

.a{
-webkit-animation-duration:2.7s; 
-webkit-animation-name:a; 
-webkit-animation-timing-function:ease-in; 
-webkit-animation-fill-mode:forwards;

}

 .a{-webkit-animation:a 2.7s ease-in forwards;}

@-webkit-keyframes a{
0% {}
90% {top:370px;
-webkit-transform: rotate(0deg);}
95% {top:360px;left:255px;}
100%{top:370px;left:245px;}

}

【问题讨论】:

    标签: android css


    【解决方案1】:

    其实我是在这里问的:CSS3 animation-fill-mode polyfill

    查看他们给我的一些不错的回复


    Android 2.3.5 animations compatibility is partial,因此您可能需要 JavaScript 后备

    【讨论】:

    • tks,我一直在阅读,虽然它们是很好的解决方案,但我无法在“动画:waitandhide 2s 0s, show 2s 2s;”中添加两个动画作为一个解决方案。在这个 android 中,如果声明不止一个,则至少不显示动画
    • 终于用 jQuery .animation() 实现了
    【解决方案2】:

    我遇到了同样的问题。对于 Android 尝试:

    -webkit-animation-play-state
    

    此处指定:W3Schools

    这解决了 JellyBean 上的问题

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2023-03-23
      • 2015-09-01
      • 2012-11-14
      • 2013-08-27
      • 2019-09-03
      • 1970-01-01
      • 2012-09-14
      相关资源
      最近更新 更多