Horizontal animation

This commit is contained in:
Liam Westby 2018-05-29 14:30:49 -05:00
parent b3f6e41fae
commit fbfb748f8b

View File

@ -12,12 +12,12 @@ import { trigger, transition, style, animate } from '@angular/animations';
animations: [ animations: [
trigger('swap', [ trigger('swap', [
transition(':enter', [ transition(':enter', [
style({transform: 'translateY(100%)', opacity: 0}), style({transform: 'translateX(100%)', opacity: 0}),
animate('1000ms', style({transform: 'translateY(0)', opacity: 1})) animate('1000ms', style({transform: 'translateX(0)', opacity: 1}))
]), ]),
transition(':leave', [ transition(':leave', [
style({transform: 'translateY(0)', opacity: 1}), style({transform: 'translateX(0)', opacity: 1}),
animate('1000ms', style({transform: 'translateY(-100%)', opacity: 0})) animate('1000ms', style({transform: 'translateX(-100%)', opacity: 0}))
]) ])
]) ])
] ]