title: How can I play an animation backwards in Angular?
body: <p>I have an animation where a box fades from its original colour to yellow, but I want to reverse this so that when the page loads, the box is initially yellow, but then fades to its original colour. The original colour is variable, so I can't just hardcode the animation in reverse.</p>
  <p>Here's the animation trigger:</p>
  <pre><code>animations: [
      trigger('highlight', [
          state('true', style({
              'background-color': '#edf514'
          })),
          transition('* =&gt; true',
              animate('0.8s')
          )
      ])
  ]
  </code></pre>