Skip to main content

Функции перехода могут принимать параметры. Замените переход fade на fly...

<script>
	import { fly } from 'svelte/transition';
	let visible = true;
</script>

...и дополните элемент <p> такими параметрами:

<p transition:fly="{{ y: 200, duration: 2000 }}">
	Появляется и исчезает
</p>

Обратите внимание, что переходы являются обратимыми — если вы переключите чекбокс во время выполнения перехода, он станет переходить обратно из текущей позиции, а не с начала или конца.