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