mirror of
https://github.com/DSpace/dspace-angular.git
synced 2025-10-07 18:14:17 +00:00
27 lines
789 B
TypeScript
27 lines
789 B
TypeScript
import { animate, state, style, transition, trigger } from '@angular/animations';
|
|
|
|
export const rotateInState = state('rotateIn', style({opacity: 1, transform: 'rotate(0deg)'}));
|
|
export const rotateEnter = transition('* => rotateIn', [
|
|
style({opacity: 0, transform: 'rotate(5deg)'}),
|
|
animate('400ms ease-in-out')
|
|
]);
|
|
|
|
export const rotateOutState = state('rotateOut', style({opacity: 0, transform: 'rotate(5deg)'}));
|
|
export const rotateLeave = transition('rotateIn => rotateOut', [
|
|
style({opacity: 1, transform: 'rotate(0deg)'}),
|
|
animate('400ms ease-in-out')
|
|
]);
|
|
|
|
export const rotateIn = trigger('rotateIn', [
|
|
rotateEnter
|
|
]);
|
|
|
|
export const rotateOut = trigger('rotateOut', [
|
|
rotateLeave
|
|
]);
|
|
|
|
export const rotateInOut = trigger('rotateInOut', [
|
|
rotateEnter,
|
|
rotateLeave
|
|
]);
|