0

wondering if anybody knows the reason that on android 2.3.5 the -webkit-animation-fill-mode:forwards; does not work, any workaround? im already declaring oper separate each property of the animation that solved the animation not working at all but still this fill mode is not responding. tks in advance. my actual workaround code and below how does not work in this 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;}

}

Santiago Rebella
  • 2,399
  • 2
  • 22
  • 29

2 Answers2

1

I actually asked about it here: CSS3 animation-fill-mode polyfill

Check some nice replies they gave me

Android 2.3.5 animations compatibility is partial, so you probably need a JavaScript fallback

Community
  • 1
  • 1
Giona
  • 20,734
  • 4
  • 56
  • 68
  • tks, i ve been reading and though they are nice solutions, i cant make to work adding two animations as one solution there 'animation: waitandhide 2s 0s, show 2s 2s;'. in this android at least no animation is shown if more than one declared – Santiago Rebella Sep 26 '12 at 10:09
  • 1
    finally made it with jQuery .animation() – Santiago Rebella Sep 26 '12 at 11:31
0

I ran into the same problem. For Android try:

-webkit-animation-play-state

As specified here: W3Schools

That resolved the issue on JellyBean

Lars
  • 9,976
  • 4
  • 34
  • 40