我正在使用 4.1.3 版的 Angular 动画
下面是代码:
@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'))
])
]
...
现在,我不想在状态中使用 style ,而是使用现有的类名,即使用样式表中定义的类(即非内联样式)
这可能吗?如果是这样,请提供帮助。
最佳答案
你不能。我也在寻找类似的解决方案。
Angular 动画使用 Web Animations API 而不是 CSS。
参见 https://css-tricks.com/css-animations-vs-web-animations-api/进一步阅读。
关于css - 如何以 2/4 Angular 为动画状态赋予类名?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46097379/