27 lines
661 B
TypeScript
27 lines
661 B
TypeScript
// #docregion
|
|
import { animate, AnimationEntryMetadata, state, style, transition, trigger } from '@angular/core';
|
|
|
|
// Component transition animations
|
|
export const slideInDownAnimation: AnimationEntryMetadata =
|
|
trigger('routeAnimation', [
|
|
state('*',
|
|
style({
|
|
opacity: 1,
|
|
transform: 'translateX(0)'
|
|
})
|
|
),
|
|
transition(':enter', [
|
|
style({
|
|
opacity: 0,
|
|
transform: 'translateX(-100%)'
|
|
}),
|
|
animate('0.2s ease-in')
|
|
]),
|
|
transition(':leave', [
|
|
animate('0.5s ease-out', style({
|
|
opacity: 0,
|
|
transform: 'translateY(100%)'
|
|
}))
|
|
])
|
|
]);
|