Transitions and Animations

Svelte provides built-in transitions for animations.

Snippet:

<script>\nimport { fade } from "svelte/transition";\nlet visible = true;\n</script>\n{#if visible}\n<p transition:fade>Fade In/Out</p>\n{/if}

Example:

<script>\nimport { slide } from "svelte/transition";\nlet show = false;\n</script>\n{#if show}\n<div transition:slide>Sliding Element</div>\n{/if}