mirror of https://github.com/sveltejs/svelte
21 lines
540 B
21 lines
540 B
---
|
|
title: Adding parameters
|
|
---
|
|
|
|
Transition functions can accept parameters. Replace the `fade` transition with `fly`...
|
|
|
|
```svelte
|
|
<script>
|
|
import { fly } from 'svelte/transition';
|
|
let visible = true;
|
|
</script>
|
|
```
|
|
|
|
...and apply it to the `<p>` along with some options:
|
|
|
|
```svelte
|
|
<p transition:fly={{ y: 200, duration: 2000 }}>Flies in and out</p>
|
|
```
|
|
|
|
Note that the transition is _reversible_ — if you toggle the checkbox while the transition is ongoing, it transitions from the current point, rather than the beginning or the end.
|