svelte/easing

Ce module fournit un ensemble de fonctions qui vous permettent de manipuler des valeurs temporelles de plusieurs manières. Ces fonctions sont particulièrement utile pour les animations lorsqu’utilisées avec le module motion.

import {
	function backIn(t: number): number
referencebackIn,
	function backInOut(t: number): number
referencebackInOut,
	function backOut(t: number): number
referencebackOut,
	function bounceIn(t: number): number
referencebounceIn,
	function bounceInOut(t: number): number
referencebounceInOut,
	function bounceOut(t: number): number
referencebounceOut,
	function circIn(t: number): number
referencecircIn,
	function circInOut(t: number): number
referencecircInOut,
	function circOut(t: number): number
referencecircOut,
	function cubicIn(t: number): number
referencecubicIn,
	function cubicInOut(t: number): number
referencecubicInOut,
	function cubicOut(t: number): number
referencecubicOut,
	function elasticIn(t: number): number
referenceelasticIn,
	function elasticInOut(t: number): number
referenceelasticInOut,
	function elasticOut(t: number): number
referenceelasticOut,
	function expoIn(t: number): number
referenceexpoIn,
	function expoInOut(t: number): number
referenceexpoInOut,
	function expoOut(t: number): number
referenceexpoOut,
	function linear(t: number): number
referencelinear,
	function quadIn(t: number): number
referencequadIn,
	function quadInOut(t: number): number
referencequadInOut,
	function quadOut(t: number): number
referencequadOut,
	function quartIn(t: number): number
referencequartIn,
	function quartInOut(t: number): number
referencequartInOut,
	function quartOut(t: number): number
referencequartOut,
	function quintIn(t: number): number
referencequintIn,
	function quintInOut(t: number): number
referencequintInOut,
	function quintOut(t: number): number
referencequintOut,
	function sineIn(t: number): number
referencesineIn,
	function sineInOut(t: number): number
referencesineInOut,
	function sineOut(t: number): number
referencesineOut
} from 'svelte/easing';

backIn

Un effet de retour au début.

function backIn(t: number): number;

backInOut

Un effet de retour au début et à la fin.

function backInOut(t: number): number;

backOut

Un effet de retour à la fin.

function backOut(t: number): number;

bounceIn

Un effet de rebond au début.

function bounceIn(t: number): number;

bounceInOut

Un effet de rebond au début et à la fin.

function bounceInOut(t: number): number;

bounceOut

Un effet de rebond à la fin.

function bounceOut(t: number): number;

circIn

Un effet circulaire, qui accélère au début.

function circIn(t: number): number;

circInOut

Un effet circulaire, qui accélère au début et décélère à la fin.

function circInOut(t: number): number;

circOut

Un effet circulaire, qui déccélèle à la fin.

function circOut(t: number): number;

cubicIn

Un effet avec une croissance cubique, qui accélère au début.

function cubicIn(t: number): number;

cubicInOut

Un effet avec une croissance cubique, qui accélère au début et décélère à la fin.

function cubicInOut(t: number): number;

cubicOut

Un effet avec une croissance cubique, qui décélère à la fin.

function cubicOut(t: number): number;

elasticIn

Un effet élastique au début.

function elasticIn(t: number): number;

elasticInOut

Un effet élastique au début et à la fin.

function elasticInOut(t: number): number;

elasticOut

Un effet élastique à la fin.

function elasticOut(t: number): number;

expoIn

Un effet exponentiel au début.

function expoIn(t: number): number;

expoInOut

Un effet exponentiel au début et à la fin.

function expoInOut(t: number): number;

expoOut

Un effet exponentiel à la fin.

function expoOut(t: number): number;

linear

Renvoie la valeur telle quelle.

function linear(t: number): number;

quadIn

Un effet avec une croissance quadratique, qui accélère au début.

function quadIn(t: number): number;

quadInOut

Un effet avec une croissance quadratique, qui accélère au début et décélère à la fin.

function quadInOut(t: number): number;

quadOut

Un effet avec une croissance quadratique, qui décélère à la fin.

function quadOut(t: number): number;

quartIn

Un effet avec une croissance quartique, qui accélère au début.

function quartIn(t: number): number;

quartInOut

Un effet avec une croissance quartique, qui accélère au début et décélère à la fin.

function quartInOut(t: number): number;

quartOut

Un effet avec une croissance quartique, qui décélère à la fin.

function quartOut(t: number): number;

quintIn

Un effet avec une croissance quintique, qui accélère au début.

function quintIn(t: number): number;

quintInOut

Un effet avec une croissance quintique, qui accélère au début et décélère à la fin.

function quintInOut(t: number): number;

quintOut

Un effet avec une croissance quintique, qui décélère à la fin.

function quintOut(t: number): number;

sineIn

Un effet sinusoïdal, qui accélère au début.

function sineIn(t: number): number;

sineInOut

Un effet sinusoïdal, qui accélère au début et décélère à la fin.

function sineInOut(t: number): number;

sineOut

Un effet sinusoïdal, qui décélère à la fin.

function sineOut(t: number): number;