Skip to content

Instantly share code, notes, and snippets.

@golonzovsky

golonzovsky/angular_animations.ts

Created May 21, 2017 01:09
Show Gist options
  • Save golonzovsky/f28d50beae7a7c379ca3594731437373 to your computer and use it in GitHub Desktop.
Save golonzovsky/f28d50beae7a7c379ca3594731437373 to your computer and use it in GitHub Desktop.
Download ZIP
angular animations
Raw
angular_animations.ts
animations: [
trigger(
'enterAnimation', [
transition(':enter', [style({transform: 'translateX(100%)', opacity: 0}), animate(150)]),
transition(':leave', animate(150, style({transform: 'translateX(100%)', opacity: 0})))
]
),
trigger(
'isModalWide', [
state('true', style({width: "750px"})),
state('false', style({width: "370px"})),
transition('* => *', animate(150)),
]
)
],
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment