Sveltejs Academy · Lesson

transition:fade and transition:fly

Apply built-in fade and fly transitions to elements controlled by {#if}.

Built-in Transitions

Svelte ships several transitions in svelte/transition: fade, fly, slide, scale, blur, draw.

Bring in the ones you need.

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