ztimson/homefront
1
0
Fork 0
Code Issues Pull Requests Actions Releases Activity

Added more stuff

Browse Source
This commit is contained in:
Zakary Timson
2018-11-14 22:40:11 -05:00
parent 8b42e2929b
commit af4abd85bc
11 changed files with 468 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/app/animations.ts
View File

@@ -9,24 +9,28 @@ import {
export const expandDown = trigger('expandDown', [
transition('void => *', [
style({opacity: 0, transform: 'translateY(-100%)'}),
animate('0.5s ease-in-out', style({opacity: 1, transform: 'translateY(0%)'}))
animate('0.5s', style({opacity: 1, transform: 'translateY(0%)'}))
])
]);
export const fade = trigger('fade', [
transition('void => *', [
style({opacity: 0}),
animate('0.5s ease-in-out', style({opacity: 1}))
])
]);
export const routerTransition = trigger('routerTransition', [
transition('* <=> *', [
/* order */
/* 1 */ query(':enter, :leave', style({ position: 'fixed', width:'100%' })
, { optional: true }),
/* 2 */ group([ // block executes in parallel
query(':enter, :leave', style({position: 'fixed', width: '100%'}), {optional: true}),
group([
query(':enter', [
style({ transform: 'translateX(100%)' }),
animate('0.5s ease-in-out', style({ transform: 'translateX(0%)' }))
], { optional: true }),
query(':leave', [
style({ transform: 'translateX(0%)' }),
animate('0.5s ease-in-out', style({ transform: 'translateX(-100%)' }))
], { optional: true }),
style({transform: 'translateX(100%)'}),
animate('0.5s ease-in-out', style({transform: 'translateX(0%)'}))
], {optional: true}), query(':leave', [
style({transform: 'translateX(0%)'}),
animate('0.5s ease-in-out', style({transform: 'translateX(-100%)'}))
], {optional: true}),
])
])
]);