使用useAnimation交错动画

时间:2019-06-06 05:44:44

标签: angular angular-animations

我正在用*ngForStagger制作动画,如下所示,

trigger('listAnimation', [
    transition('* => *', [

    query(':enter', style({ opacity: 0 }), {optional: true}),

    query(':enter', stagger('300ms', [
        animate('1s ease-in', keyframes([
        style({opacity: 0, transform: 'translateY(-75%)', offset: 0}),
        style({opacity: .5, transform: 'translateY(35px)',  offset: 0.3}),
        style({opacity: 1, transform: 'translateY(0)',     offset: 1.0}),
        ]))]), {optional: true})
    ])
])

我可以使用useAnimation重新使用在单独文件中定义的动画,

trigger('fadeIn', [transition(':enter', useAnimation(fadeIn))])

现在我想在fadeIn中使用Stagger动画,如何在Stagger中重新使用那些动画?

0 个答案:

没有答案