What are some examples of transitions in Svelte?

What are some examples of transitions in Svelte?

Svelte offers various transition effects like fade, fly, and slide. Would you like to see code examples for these?

Yes, please show me a fade transition example.

Here's a simple fade transition example:

<script>
  import { fade } from 'svelte/transition';
</script>

<div transition:fade>
  This text will fade in and out!
</div>

How can I customize the duration of the fade transition?

You can customize the duration by passing an options object:

<div transition:fade={{ duration: 500 }}>
  This text will fade in and out over 500ms!
</div>

Are there any other transitions I should know about?

Yes, Svelte also includes transitions like fly, slide, and draw. Each has unique effects and customization options!