Svelte: Transitions Cheat Sheet

<script>
  import { fade } from "svelte/transition";
  export let condition;
</script>
{#if condition}
  <div transition:fade={{ delay: 250, duration: 300 }}>
    fades in  and out
  </div>
{/if}
// Other transitions
[Blur, Scale, Fly, Draw, Slide]