The tweened() Store: Duration and Easing
Interpolate values over a fixed duration with built-in or custom easing.
Duration-Based
The tweened store animates over a fixed duration with an easing function.
Create One
Pass initial value and options.
import { tweened } from "svelte/motion";
const p = tweened(0, { duration: 500, easing: cubicOut });All lessons in this course
- The spring() Store: Physics-Based Animation
- The tweened() Store: Duration and Easing
- Interpolation Functions
- Animating SVG Paths with Motion