Webkit transitions: multiple properties on Android

Question

This is a fairly specific question, but it generalizes to running Webkit transitions that affects more than one property.

I'm trying to use a transition to translate and scale a div in the Android default browser. When the transition ends, the element pops back to its default state. It looks kind of like I forgot to use animation-fill-mode, but on a webkit transition.

The transition is setup to work on -webkit-transform with a translate3d() and a scaleX(). It translates and scales fine, but as soon as the transition ends, it pops back to full size and its "default" position. If I transition on only translated3d or scaleX, it works fine. The webkitTransitionEnd event fires after the "pop-back" so I can't intercept the "pop-back" and override it.

Is multiple properties on a Webkit transition something that is known to not work on Android 2.3? Does anyone know of a working example that I could compare to? Any ideas for workarounds?

Thanks.

Community · Accepted Answer · 2017-05-23 11:56:26Z

0

I have seen no docs or release note about it, but I know from trial and other posts that many of us have not been able to get multiple animations or transforms to work in any Android < 3.0.

see. http://daneden.me/2011/12/putting-up-with-androids-bullshit/

and comments on. CSS3 Multiple transforms

edited May 23, 2017 at 11:56

CommunityBot

11 silver badge

answered Mar 22, 2012 at 19:29

will.quast

292 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Webkit transitions: multiple properties on Android

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related