Skip to content

Instantly share code, notes, and snippets.

@vvolodin

vvolodin/animation-bad-1.ts

Last active August 5, 2022 10:08
Show Gist options
  • Save vvolodin/ba6a842e0b34825395e5f0b33917a14b to your computer and use it in GitHub Desktop.
Save vvolodin/ba6a842e0b34825395e5f0b33917a14b to your computer and use it in GitHub Desktop.
Download ZIP
article-1-snippet-1
Raw
animation-bad-1.ts
trigger('fadeIn', [
state('in', style({ opacity: 1, display: 'block' })),
state('out', style({ opacity: 0, display: 'none' })),
transition('in => out', [
sequence([
style({ opacity: 1 }),
animate('0.15s ease-in-out', style({ opacity: 0 })),
style({ opacity: 0, display: 'none' })
])
]),
transition('out => in', [
sequence(
[
style({ display: 'block' }),
animate('0.15s ease-in-out', style({ opacity: 1 }))
],
{ delay: '0.15s' }
)
])
])
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment