svelte/site/content/examples/transitions-fly/App.html

<script>
	import { fly } from 'svelte-transitions';

	export let visible;
</script>

<input type=checkbox bind:checked={visible}> visible

{#if visible}
	<p transition:fly="{{y: 200, duration: 1000}}">flies 200 pixels up, slowly</p>
{/if}