View Full Version : Animation of opacity-Property doesn't work on Android phones

24 Nov 2011, 12:53 AM

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?

Thanks a lot.

24 Nov 2011, 6:07 AM
I have the same problem.

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?

Thanks for any feedback.

P.S: Animator is a great tool. Thanks a bunch.

24 Nov 2011, 7:38 AM
yes, this is a android and ios problem but only with the last versions of both. we all are waiting when they fix it

28 Nov 2011, 5:02 PM
iOS 5 fixed this, Android still lacks this.

29 Nov 2011, 1:18 AM
Hello everyone,

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.

6 Dec 2011, 2:22 AM
Hi ioquai

I'm facing this problem myself. Can you clarify more on the usage.


14 Dec 2011, 11:46 PM
@Ioquai we have made some experiments to see what we can do to palliate the problem on Android, and pretty soon we will have an update that should make that a bit easier to deal with.

In the meantime, thank you for answering the original question, it sounds like you have some pretty sweet chops :)