我们可以通过优雅地将元素移入和移出 DOM 来制作更具吸引力的用户界面。 Svelte 通过 transition 指令使这变得非常容易。

英We can make more appealing user interfaces by gracefully transitioning elements into and out of the DOM. Svelte makes this very easy with the transition directive.

首先，从 svelte/transition 导入 fade 函数...

英First, import the fade function from svelte/transition...

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

...然后将其添加到 <p> 元素：

英...then add it to the <p> element:

<p transition:fade>Fades in and out</p>