Les fonctions de transition peuvent accepter des paramètres. Remplacez la transition fade par fly...

<script>
	import { fly } from 'svelte/transition';

	let visible = $state(true);
</script>

<script lang="ts">
	import { fly } from 'svelte/transition';

	let visible = $state(true);
</script>

... et appliquez-la à <p> avec quelques options :

<p transition:fly={{ y: 200, duration: 2000 }}>
	Entre et sort en volant
</p>

Notez que la transition est réversible — si vous ré-appuyez sur la checkbox pendant la transition, celle-ce sera inversée depuis sa position courante, plutôt que de recommencer depuis le début ou la fin.