fade() — svelte Function Reference

Architecture documentation for the fade() function in index.js from the svelte codebase.

Function javascript AnimationLibrary Transitions

Entity Profile

AnimationLibrary→ Transitions→ fade() — svelte Function Reference

Dependency Diagram

graph TD
  adff30a0_9f08_6348_f629_9920f1aa5c4e["fade()"]
  8795a504_2189_bf07_fb96_096bc8c92d25["index.js"]
  adff30a0_9f08_6348_f629_9920f1aa5c4e -->|defined in| 8795a504_2189_bf07_fb96_096bc8c92d25
  style adff30a0_9f08_6348_f629_9920f1aa5c4e fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/svelte/src/transition/index.js lines 62–70

export function fade(node, { delay = 0, duration = 400, easing = linear } = {}) {
	const o = +getComputedStyle(node).opacity;
	return {
		delay,
		duration,
		easing,
		css: (t) => `opacity: ${t * o}`
	};
}