ng2-page-transition/dist/src/default-transition.animation.js

Simple Angular2 component that creates a page transition animation on route changes

import { trigger, state, animate, style, transition } from '@angular/core';
export function defaultPageTransition() {
    return fadeOutAndIn();
}
export function fadeOutAndIn() {
    return trigger('ng2ElementState', [
        state('leave', style({
            opacity: 0.3,
        })),
        state('out', style({
            opacity: 0,
        })),
        state('enter', style({
            opacity: 1,
        })),
        transition('* => enter', animate('0.5s ease-in')),
        transition('* => leave', animate('0.2s ease-out')),
        transition('* => out', animate('0ms'))
    ]);
}
//# sourceMappingURL=default-transition.animation.js.map