router.animation.ts
628 Bytes
import {trigger, state, animate, style, transition} from '@angular/core';
export function routerTransition() {
return trigger('routerTransition', [
state('void', style({position:'absolute', width:'1000px', height:'1000px'}) ),
state('*', style({position:'absolute', width:'1000px', height:'1000px'}) ),
transition(':enter', [
style({transform: 'translateY(-100%)'}),
animate('0.5s ease-in-out', style({transform: 'translateY(0%)'}))
]),
transition(':leave', [
style({transform: 'translateY(0%)'}),
animate('0.5s ease-in-out', style({transform: 'translateY(100%)'}))
])
]);
}