Animation of opacity-Property doesn't work on Android phones
I did a simple animation (combination of rotation and fading in / opacity change).
On the iPhone the animation works great, but on my Android-Phones (e.g. Android 2.3.4) the opacity change is not applied - the image is always visible.
What am I doing wrong?
I read in the forum that Android browser is not supported at the moment. Is that correct, and is that the reason of that opacity failure?
Is it not supposed to implement webkit?
Are there versions of android browser that work better than others?
I tested a bit and found out the following:
Android doesn't support -webkit-animation-fill-mode. That's why, on Android phones, all elements return to their initial state after the animation is finished.
To keep the ending state, you have to listen for the webkitAnimationEnd-Event and set the needed CSS-properties yourself.
Thus the problem is no a direct bug of Sencha Animator.