Skip to content

Instantly share code, notes, and snippets.

@captaincole
Created February 24, 2018 05:00
Show Gist options
  • Select an option

  • Save captaincole/f1cd1c53f8c65c3055679cd9a7a65f3b to your computer and use it in GitHub Desktop.

Select an option

Save captaincole/f1cd1c53f8c65c3055679cd9a7a65f3b to your computer and use it in GitHub Desktop.
// workout-completion.page.ts
animations: [
trigger('shift', [
state('previous', style({
opacity: 0,
transform: 'translateX(-100%)',
'-webkit-transform' :'-webkit-translateX(-100%)'
})),
state('current', style({
opacity: 1,
transform: 'translateX(0%)',
'-webkit-transform' :'-webkit-translateX(0%)'
})),
state('next', style({
opacity: 0,
transform: 'translateX(100%)',
'-webkit-transform' :'-webkit-translateX(100%)'
})),
transition('* => *', animate('.5s'))
])
]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment