How to give class name to animation state in angular 2/4?

Question

I am using angular Animations with version 4.1.3

Here is the below code:

@Component({
  selector : \'my-fader\',
  animations: [
    trigger(\'visibility         


        

Answer 1

You can't. I was also looking for a similar solution.

Angular Animations use the Web Animations API and not CSS.

See https://css-tricks.com/css-animations-vs-web-animations-api/ for further reading.