0Pricing
Sveltejs Academy · Lesson

transition:draw for SVG Paths

Animate SVG strokes progressively with the draw transition.

The draw Transition

The draw transition animates SVG path strokes by progressively revealing them.

Import

Comes from svelte/transition.

import { draw } from "svelte/transition";

All lessons in this course

  1. transition:fade and transition:fly
  2. Transition Parameters: duration delay easing
  3. in: and out: for Asymmetric Transitions
  4. transition:draw for SVG Paths
← Back to Sveltejs Academy