madrobby/zepto — pull request #416 by bengourley (2012-03-01 14:56:51+00:00)
Title: Transition properties set to `all` causing undesired transitions

If you want to instantaneously alter the CSS of an element while some of its properties are being animated with a call to zepto's `animate()` function, the alteration to the CSS is animated too. This is because the transition was set using the shorthand syntax where only one property can be applied and 'all' was used, eg.: `transition: all 0.3s ease-in-out;`.

I have factored out the transition into the more explicit components, `transition-property`, `transition-duration` and `transition-timing-function` so that only the properties that are modified in the call to `animate()` are transitioned.

This fixes my use case where an element that had an animation sprite as its background (so no transition required on `background-position`), was animated across the screen (transition required on `transform`).

I have updated the test `fx.html` to reflect this change.