You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
svelte/site/content/examples/transitions-in-out/App.svelte

12 lines
213 B

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