|
|
@ -618,13 +618,13 @@ Slides an element in and out.
|
|
|
|
|
|
|
|
|
|
|
|
```html
|
|
|
|
```html
|
|
|
|
<script>
|
|
|
|
<script>
|
|
|
|
import { fly } from 'svelte/transition';
|
|
|
|
import { slide } from 'svelte/transition';
|
|
|
|
import { quintOut } from 'svelte/easing';
|
|
|
|
import { quintOut } from 'svelte/easing';
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
{#if condition}
|
|
|
|
{#if condition}
|
|
|
|
<div transition:fly="{{delay: 250, duration: 300, easing: quintOut }}">
|
|
|
|
<div transition:slide="{{delay: 250, duration: 300, easing: quintOut }}">
|
|
|
|
flies in and out
|
|
|
|
slides in and out
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
{/if}
|
|
|
|
{/if}
|
|
|
|
```
|
|
|
|
```
|
|
|
|