14 lines
249 B

<script>
import { fly } from 'svelte/transition';
let visible = true;
</script>
<label>
<input type="checkbox" bind:checked={visible} />
visible
</label>
{#if visible}
<p transition:fly={{ y: 200, duration: 2000 }}>Flies in and out</p>
{/if}