Skip to main content

transition ディレクティブの代わりに、要素に inout、または両方のディレクティブを設定することができます。fly と一緒に fade をインポートしてください。

import { fade, fly } from 'svelte/transition';

その後、transition ディレクティブを inout ディレクティブにそれぞれ置き換えてください。

<p in:fly="{{ y: 200, duration: 2000 }}" out:fade>
	Flies in, fades out
</p>

この場合、トランジションは可逆的にはなりません。

We stand with Ukraine. Donate → We stand with Ukraine. Petition your leaders. Show your support.