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.
20 lines
643 B
TypeScript
20 lines
643 B
TypeScript
import { animate, state, style, transition, trigger } from '@angular/animations';
|
|
|
|
export const sliderAnimation = [
|
|
trigger('sliderAnimation', [
|
|
state('*', style({ transform: 'translateX(0)' })),
|
|
transition('void => backward', [
|
|
style({ transform: 'translateX(-100%' }), animate('800ms')
|
|
]),
|
|
transition('backward => void', [
|
|
animate('0ms', style({ transform: 'translateX(100%)' }))
|
|
]),
|
|
transition('void => forward', [
|
|
style({ transform: 'translateX(100%' }), animate('800ms')
|
|
]),
|
|
transition('forward => void', [
|
|
animate('0ms', style({ transform: 'translateX(-100%)' }))
|
|
])
|
|
])
|
|
];
|