title: How to give class name to animation state in angular 2/4?
body: <p>I am using angular Animations with version 4.1.3</p>
  
  <p>Here is the below code:</p>
  
  <pre><code>@Component({
    selector : 'my-fader',
    animations: [
      trigger('visibilityChanged', [
        state('true' , style({ opacity: 1, transform: 'scale(1.0)' })),
        state('false', style({ opacity: 0, transform: 'scale(0.0)'  })),
        transition('1 =&gt; 0', animate('300ms')),
        transition('0 =&gt; 1', animate('900ms'))
      ])
    ]
  ...
  </code></pre>
  
  <p>Now, instead of <strong>style</strong> in state I would like to give existing class name i.e using the class defined in style sheets (i.e Not inline styles)</p>
  
  <p>Is that possible? If so please help.</p>