Blame view

src/animations/router.animation.ts 628 Bytes
c36e5ea5   Administrator   add service-object
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
  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%)'}))
      ])
    ]);
  }