You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
RTL/src/app/shared/animation/row-animation.ts

11 lines
446 B
TypeScript

import { trigger, state, animate, transition, style } from '@angular/animations';
export const newlyAddedRowAnimation = [
trigger('newlyAddedRowAnimation', [
state('notAdded, void', style({ transform: 'translateX(0)' })),
state('added', style({ transform: 'translateX(1.5)', border: '1px solid' })),
transition('added <=> notAdded', animate('2000ms ease-out')),
transition('added <=> void', animate('2000ms ease-out'))
])
];