Svelte · Middle · Question 62 of 75

How do you pass parameters to a transition?

<div in:fly={{ y: 20, duration: 300 }} out:fade>...</div>

✓Correct answer: Pass an object after the directive: in:fly={{ y: 20, duration: 300 }}
2Use CSS variables only
3Transitions don't accept parameters

Explanation

Common parameters are delay, duration and easing (functions from svelte/easing).

Further reading

Test yourself

Take the Svelte · Middle quiz: questions and options are shuffled, and you get a review of your mistakes at the end.