NG2动画

import { trigger, state, style, transition, animate,keyframes } from '@angular/core';export const flyIn = trigger('flyIn', [ state('in', style({transform: 'translateY(0)'})), transition('void => *', [ animate(600, keyframes([ style({opacity: 0, transform: 'translateY(-100%)', offset: 0}), style({opacity: 0.3, transform: 'translateY(-25px)', offset: 0.4}), style({opacity: 1, transform: 'translateY(0)', offset: 1.0}) ])) ]), transition('* => void', [ animate(300, keyframes([ style({opacity: 1, transform: 'translateY(0)', offset: 0}), style({opacity: 0.6, transform: 'translateY(25px)', offset: 0.3}), style({opacity: 0, transform: 'translateY(100%)', offset: 1.0}) ])) ]) ]);