mirror of https://github.com/sveltejs/svelte
14 lines
259 B
14 lines
259 B
6 years ago
|
<script>
|
||
|
|
import { fade, fly } from 'svelte/transition';
|
||
|
|
let visible = true;
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<label>
|
||
2 years ago
|
<input type="checkbox" bind:checked={visible} />
|
||
|
6 years ago
|
visible
|
||
|
|
</label>
|
||
|
|
|
||
|
|
{#if visible}
|
||
|
2 years ago
|
<p in:fly={{ y: 200, duration: 2000 }} out:fade>Flies in, fades out</p>
|
||
|
|
{/if}
|