14 lines
471 B
TypeScript
14 lines
471 B
TypeScript
import {animate, style, transition, trigger} from '@angular/animations';
|
|
|
|
export const blend = trigger('blend', [
|
|
transition(':enter', [
|
|
style({opacity: 0, display: 'none'}),
|
|
animate('400ms', style({opacity: 0, display: 'none'})),
|
|
animate('300ms', style({opacity: 1, display: 'block'}))
|
|
]),
|
|
transition(':leave', [
|
|
style({opacity: 1, display: 'block'}),
|
|
animate('300ms', style({opacity: 0, display: 'none'}))
|
|
])
|
|
]);
|