mirror of
https://github.com/OpenLiberty/liberty-bikes.git
synced 2025-01-30 10:40:13 +08:00
Horizontal animation
This commit is contained in:
parent
b3f6e41fae
commit
fbfb748f8b
@ -12,12 +12,12 @@ import { trigger, transition, style, animate } from '@angular/animations';
|
|||||||
animations: [
|
animations: [
|
||||||
trigger('swap', [
|
trigger('swap', [
|
||||||
transition(':enter', [
|
transition(':enter', [
|
||||||
style({transform: 'translateY(100%)', opacity: 0}),
|
style({transform: 'translateX(100%)', opacity: 0}),
|
||||||
animate('1000ms', style({transform: 'translateY(0)', opacity: 1}))
|
animate('1000ms', style({transform: 'translateX(0)', opacity: 1}))
|
||||||
]),
|
]),
|
||||||
transition(':leave', [
|
transition(':leave', [
|
||||||
style({transform: 'translateY(0)', opacity: 1}),
|
style({transform: 'translateX(0)', opacity: 1}),
|
||||||
animate('1000ms', style({transform: 'translateY(-100%)', opacity: 0}))
|
animate('1000ms', style({transform: 'translateX(-100%)', opacity: 0}))
|
||||||
])
|
])
|
||||||
])
|
])
|
||||||
]
|
]
|
||||||
|
Loading…
Reference in New Issue
Block a user