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/site/content/tutorial/10-transitions/03-in-and-out/text.md

13 lines
275 B

---
title: In and out
---
Instead of the `transition` directive, an element can have an `in` or an `out` directive, or both together:
```html
<p in:fly="{{ y: 200, duration: 2000 }}" out:fade>
Flies in, fades out
</p>
```
In this case, the transitions are *not* reversed.