Svelte · Junior · Question 40 of 76

What does `animate:flip` do in a keyed `{#each}`?

✓Correct answer: Smoothly moves items to their new positions when the list is reordered
2Flips each item upside down
3Animates only new items

Explanation

FLIP (First, Last, Invert, Play) computes the movement. animate: works only on direct children of a keyed each block.

Further reading

Svelte: animate: ↗

Test yourself

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