phollyer/elm-motion/1.0.1

NOTE: the latest version is 3.0.4

Anim.Extra.TransformOrder

Note: You probably won't need this module much, if at all. The default transform order is sufficient for the vast majority of use cases, but you can customize it if needed.

The order of transform properties affects the final result of animations. For example, if you rotate an element and then translate it, you will get a different result than if you translate it first and then rotate it.

All Engines use the same default transform order, which is: translate, then rotate, then skew, then scale. Use the transformOrder function from each engine to change the order.

The only Engine that does not support customizing the transform order is the Transition Engine, which was a design trade-off. See the Transition Engine - Transform Ordering for details.

📖 See Transform Ordering for details.

= Translate
| Rotate
| Skew
| Scale

Represents transform properties.

The default order in which transform properties are applied when multiple transform properties are being animated at the same time.

The default order is: translate, then rotate, then skew, then scale.