I am currently working with Angular Animations using version 4.1.3
Check out the code snippet below:
@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 => 0', animate('300ms')),
transition('0 => 1', animate('900ms'))
])
]
...
Instead of using inline styles in the state definition, I'm interested in applying an existing class name from my stylesheets. Is this possible? If so, any guidance on how to achieve this would be appreciated.