<input type=checkbox bind:checked=visible> visible
{#if visible}
<p in:fly="{y: 50}" out:fade>flies up, fades out</p>
{/if}
<script>
import { fade, fly } from 'svelte-transitions';
export default {
transitions: { fade, fly }
};
</script>
{}