Svelte參考

svelte/motion

import { function spring<T = any>(value?: T | undefined, opts?: SpringOpts | undefined): Spring<T>The spring function in Svelte creates a store whose value is animated, with a motion that simulates the behavior of a spring. This means when the value changes, instead of transitioning at a steady rate, it “bounces” like a spring would, depending on the physics parameters provided. This adds a level of realism to the transitions and can enhance the user experience.
spring, function tweened<T>(value?: T | undefined, defaults?: TweenedOptions<T> | undefined): Tweened<T>A tweened store in Svelte is a special type of store that provides smooth transitions between state values over time.
tweened } from 'svelte/motion';

spring

Svelte 中的 spring 函數會建立一個 store，其值會以動畫方式呈現，其運動模擬彈簧的行為。這表示當值變更時，它不會以穩定的速率轉換，而是會像彈簧一樣「彈跳」，具體取決於提供的物理參數。這為轉換增加了一定的真實感，並可以增強使用者體驗。

function spring<T = any>(
	value?: T | undefined,
	opts?: SpringOpts | undefined
): Spring<T>;

tweened

Svelte 中的 tweened store 是一種特殊的 store，它提供狀態值之間隨時間的平滑轉換。

function tweened<T>(
	value?: T | undefined,
	defaults?: TweenedOptions<T> | undefined
): Tweened<T>;

Spring

interface Spring<T> extends Readable<T> {…}

set: (new_value: T, opts?: SpringUpdateOpts) => Promise<void>;

update: (fn: Updater<T>, opts?: SpringUpdateOpts) => Promise<void>;

precision: number;

damping: number;

stiffness: number;

Tweened

interface Tweened<T> extends Readable<T> {…}

set(value: T, opts?: TweenedOptions<T>): Promise<void>;

update(updater: Updater<T>, opts?: TweenedOptions<T>): Promise<void>;

在 GitHub 上編輯此頁面

上一個下一個

svelte/legacy svelte/reactivity