You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
svelte/documentation/tutorial/10-transitions/03-in-and-out/text.md

449 B

title
In and out

Instead of the transition directive, an element can have an in or an out directive, or both together. Import fade alongside fly...

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

...then replace the transition directive with separate in and out directives:

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

In this case, the transitions are not reversed.