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%)'})) ]) ]); }