Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- import {trigger, animate, style, group, animateChild, query, stagger, transition} from '@angular/animations';
- export const routerTransition = trigger('routerTransition', [
- transition('* <=> *', [
- /* order */
- /* 1 */ query(':enter, :leave', style({ position: 'fixed', width:'100%' })
- , { optional: true }),
- /* 2 */ group([ // block executes in parallel
- query(':enter', [
- style({ transform: 'translateX(100%)' }),
- animate('0.5s ease-in-out', style({ transform: 'translateX(0%)' }))
- ], { optional: true }),
- query(':leave', [
- style({ transform: 'translateX(0%)' }),
- animate('0.5s ease-in-out', style({ transform: 'translateX(-100%)' }))
- ], { optional: true }),
- ])
- ])
- ])
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement