anchor.diff:    This example adds some "bounce" to the enter and leave animations with
     keyframes:
   
  -+makeExample('animations/ts/src/app/hero-list-multistep.component.ts', 'animationdef')(format=".")
  ++makeExample('animations/ts/src/app/hero-list-multistep.component.ts', 'animationdef', 'hero-list-multistep.component.ts (excerpt)')(format=".")
   
   :marked
     Note that the offsets are *not* defined in terms of absolute time. They are relative
  
positive.code:   img(src="/resources/images/devguide/animations/ng_animate_transitions_inactive_active_void.png" alt="This example transitions between active, inactive, and void states" width="400")
  
  
  +makeExample('animations/ts/src/app/hero-list-enter-leave-states.component.ts', 'animationdef')(format=".")
  
  :marked
    ## Animatable properties and units
  
negative.code:   ### Example
  
    Here are a couple of custom timings in action. Both enter and leave last for
    200 milliseconds, that is `0.2s`, but they have different easings. The leave begins after a
    slight delay of 10 milliseconds as specified in `'0.2s 10 ease-out'`:
    
  
  +makeExample('animations/ts/src/app/hero-list-timings.component.ts', 'animationdef', 'hero-list-timings.component.ts (excerpt)')(format=".")
  
  :marked
    ## Multi-step animations with keyframes
  