anchor.diff:  
     ### Delay
   
  -  The delay controls how long to wait after an animation triggers before the
  -  transition actually begins. We can define one by adding it in the same string
  +  The delay controls the length of time between the animation trigger and the beginning
  +  of the transition. You can define one by adding it to the same string
     following the duration. It also has the same format options as the duration:
   
     * Wait for 100ms and then run for 200ms: `'0.2s 100ms'`
  
positive.code: +makeExample('animations/ts/app/hero-list-enter-leave.component.ts', 'animationdef')(format=".")
  
  :marked
    Note that in this case we have the styles applied to the void state directly in the
    transition definitions, and not in a separate `state(void)` definition. We do this because
    we want the transforms to be different on enter and leave: The element enters from the left
    and leaves to the right.
  
    ## Example: Entering and Leaving from Different States
  figure
    img(src="/resources/images/devguide/animations/animation_enter_leave_states.gif" alt="Enter and leave animations combined with state animations" align="right" style="width:200px" )
  :marked
    We can also combine this animation with the earlier state transition animation by
    using the hero state as the animation state. What this will let us do is configure
    different transitions for entering and leaving based on what the state of the hero
    is:
  
  
negative.code: :marked
    The wildcard state `*` also matches `void`.
  
    ## Example: Entering and leaving
  figure
    img(src="/resources/images/devguide/animations/animation_enter_leave.gif" alt="Enter and leave animations" align="right" style="width:250px;" )
  :marked
    Using the `void` and `*` states you can define transitions that animate the
    entering and leaving of elements:
  
    * Enter: `void => *`
  