Skip to content

Instantly share code, notes, and snippets.

@realtomaszkula

realtomaszkula/ng-reactive-sticky-header#animation-metadata.ts

Last active June 18, 2018 14:46
Show Gist options
  • Save realtomaszkula/ec317034a6bbd59e959183dffd9b8d46 to your computer and use it in GitHub Desktop.
Save realtomaszkula/ec317034a6bbd59e959183dffd9b8d46 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
ng-reactive-sticky-header#animation-metadata.ts
trigger('toggle', [
state(
VisibilityState.Hidden,
style({ opacity: 0, transform: 'translateY(-100%)' })
),
state(
VisibilityState.Visible,
style({ opacity: 1, transform: 'translateY(0)' })
),
transition('* => *', animate('200ms ease-in'))
])
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment