• GitHub
  • Introduction
  • Installation & Compatibility
  • Cookbook
  • Template Helpers
    • liquid-outlet
    • liquid-bind (inline form)
    • liquid-bind (block form)
    • liquid-if
    • liquid-spacer
  • Transition Map
    • Matching by route & model
    • Matching by outlet
    • Matching by value
    • Matching by media query
    • Matching by DOM context
    • Matching initial renders
    • Choosing transition animations
    • Debugging transition matching
  • Transitions
    • Predefined transitions
    • explode
    • Defining custom transitions
    • Animation Primitives

Transitions

Transitions implement animation between two states. When a template helper undergoes a state change, it consults the transition map to see if there's a matching transition. If it finds one, the transition is given the job of orchestrating the view animations to get from the old state to the new state.

The library ships with some predefined transitions. But it's also expected that people will want to compose their own out of lower-level pieces.

    « Debugging transition matching
    Predefined transitions »