anchor.diff:    controls the timing of switching between one set of styles and the next:
   
     Une fois que nous avons des états, nous pouvons définir des transitions entre ces états.
  -  Chaque transition contrôle le timing du passage entre un ensemble de styles vers le suivant&nbsp;:
  +  Chaque transition contrôle le durée du passage entre un ensemble de styles vers le suivant&nbsp;:
   
   +makeExample('animations/ts/app/hero-list-basic.component.ts', 'transitions')(format=".")
   
  
positive.code:   attribute to the expression `hero.state`. We expect it to always be either `inactive`
    or `active`, since that's what we have defined animation states for.
  
    Nous avons appliqué ici un déclencheur d'animation à chaque élément répété par un `ngFor`.
    Chacun des éléments répétés sera animé indépendamment.
    Nous rattachons la valeur de l'attribut à l'expression `hero.state`.
    Nous prévoyons qu'elle sera toujours `inactive` ou `active`, étant donné que ce sont les valeurs pour lesquelles nous avons définis des états d'animation.
  
negative.code:   Par exemple&nbsp;:
  
    * The `active => *` transition applies when the element's state changes from `active` to anything else.
  
    * La transition `active => *` s'applique lorsque l'état de l'élément change de `active` à n'importe quel autre état.
  
    * The `* => *` transition applies when *any* change between two states takes place.
  
    * La transition `* => *` s'applique lorsque n'importe quel changement d'état a lieu.
  
  figure.image-display
  