|
|
|
@ -8,9 +8,9 @@ It can be useful to know when transitions are beginning and ending. Svelte dispa
|
|
|
|
<p
|
|
|
|
<p
|
|
|
|
transition:fly="{{ y: 200, duration: 2000 }}"
|
|
|
|
transition:fly="{{ y: 200, duration: 2000 }}"
|
|
|
|
on:introstart="{() => status = 'intro started'}"
|
|
|
|
on:introstart="{() => status = 'intro started'}"
|
|
|
|
on:outrostart="{() => status = 'outro started'}"
|
|
|
|
on:outerstart="{() => status = 'outro started'}"
|
|
|
|
on:introend="{() => status = 'intro ended'}"
|
|
|
|
on:introend="{() => status = 'intro ended'}"
|
|
|
|
on:outroend="{() => status = 'outro ended'}"
|
|
|
|
on:outerend="{() => status = 'outro ended'}"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
Flies in and out
|
|
|
|
Flies in and out
|
|
|
|
</p>
|
|
|
|
</p>
|
|
|
|
|