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;}
}
I actually asked about it here: CSS3 animation-fill-mode polyfill
Check some nice replies they gave me
Android 2.3.5
animationscompatibility is partial, so you probably need a JavaScript fallback