SvelteReference

svelte/easing

This module provides a set of functions that allow you to manipulate time values in different ways. It’s particularly useful for animations when combined with the motion module.

import {
	function backIn(t: number): numberRebound effect on start.
referencebackIn,
	function backInOut(t: number): numberRebound effect on start and end of value range.
referencebackInOut,
	function backOut(t: number): numberRebound effect on end.
referencebackOut,
	function bounceIn(t: number): numberBounce effect on start.
referencebounceIn,
	function bounceInOut(t: number): numberBounce effect on start and end.
referencebounceInOut,
	function bounceOut(t: number): numberBounce effect on end.
referencebounceOut,
	function circIn(t: number): numberCircular effect, accelerate on start.
referencecircIn,
	function circInOut(t: number): numberCircular effect, accelerate on start, decelerate towards end.
referencecircInOut,
	function circOut(t: number): numberCircular effect, decelerate towards end.
referencecircOut,
	function cubicIn(t: number): numberCubic scaling, accelerate on start
referencecubicIn,
	function cubicInOut(t: number): numberCubic scaling, accelerate on start, decelerate towards end.
referencecubicInOut,
	function cubicOut(t: number): numberCubic scaling, decelerate towards end.
referencecubicOut,
	function elasticIn(t: number): numberElastic effect on start.
referenceelasticIn,
	function elasticInOut(t: number): numberElastic effect on start and end.
referenceelasticInOut,
	function elasticOut(t: number): numberElastic effect on end.
referenceelasticOut,
	function expoIn(t: number): numberExponential effect on start.
referenceexpoIn,
	function expoInOut(t: number): numberExponential effect on start and end.
referenceexpoInOut,
	function expoOut(t: number): numberExponential effect on end.
referenceexpoOut,
	function linear(t: number): numberReturns value as is.
referencelinear,
	function quadIn(t: number): numberQuadratic scaling, accelerate on start.
referencequadIn,
	function quadInOut(t: number): numberQuadratic scaling, accelerate on start, decelerate towards end.
referencequadInOut,
	function quadOut(t: number): numberQuadratic scaling, decelerate towards end.
referencequadOut,
	function quartIn(t: number): numberQuartic scaling, accelerate on start.
referencequartIn,
	function quartInOut(t: number): numberQuartic scaling, accelerate on start, decelerate towards end.
referencequartInOut,
	function quartOut(t: number): numberQuartic scaling, decelerate towards end.
referencequartOut,
	function quintIn(t: number): numberQuintic scaling, accelerate on start.
referencequintIn,
	function quintInOut(t: number): numberQuintic scaling, accelerate on start, decelerate towards end.
referencequintInOut,
	function quintOut(t: number): numberQuintic scaling, decelerate towards end.
referencequintOut,
	function sineIn(t: number): numberSinusoidal effect, accelerate on start.
referencesineIn,
	function sineInOut(t: number): numberSinusoidal effect, accelerate on start, decelerate towards end.
referencesineInOut,
	function sineOut(t: number): numberSinusoidal effect, decelerate towards end.
referencesineOut
} from 'svelte/easing';

backIn

Rebound effect on start.

function backIn(t: number): number;

backInOut

Rebound effect on start and end of value range.

function backInOut(t: number): number;

backOut

Rebound effect on end.

function backOut(t: number): number;

bounceIn

Bounce effect on start.

function bounceIn(t: number): number;

bounceInOut

Bounce effect on start and end.

function bounceInOut(t: number): number;

bounceOut

Bounce effect on end.

function bounceOut(t: number): number;

circIn

Circular effect, accelerate on start.

function circIn(t: number): number;

circInOut

Circular effect, accelerate on start, decelerate towards end.

function circInOut(t: number): number;

circOut

Circular effect, decelerate towards end.

function circOut(t: number): number;

cubicIn

Cubic scaling, accelerate on start

function cubicIn(t: number): number;

cubicInOut

Cubic scaling, accelerate on start, decelerate towards end.

function cubicInOut(t: number): number;

cubicOut

Cubic scaling, decelerate towards end.

function cubicOut(t: number): number;

elasticIn

Elastic effect on start.

function elasticIn(t: number): number;

elasticInOut

Elastic effect on start and end.

function elasticInOut(t: number): number;

elasticOut

Elastic effect on end.

function elasticOut(t: number): number;

expoIn

Exponential effect on start.

function expoIn(t: number): number;

expoInOut

Exponential effect on start and end.

function expoInOut(t: number): number;

expoOut

Exponential effect on end.

function expoOut(t: number): number;

linear

Returns value as is.

function linear(t: number): number;

quadIn

Quadratic scaling, accelerate on start.

function quadIn(t: number): number;

quadInOut

Quadratic scaling, accelerate on start, decelerate towards end.

function quadInOut(t: number): number;

quadOut

Quadratic scaling, decelerate towards end.

function quadOut(t: number): number;

quartIn

Quartic scaling, accelerate on start.

function quartIn(t: number): number;

quartInOut

Quartic scaling, accelerate on start, decelerate towards end.

function quartInOut(t: number): number;

quartOut

Quartic scaling, decelerate towards end.

function quartOut(t: number): number;

quintIn

Quintic scaling, accelerate on start.

function quintIn(t: number): number;

quintInOut

Quintic scaling, accelerate on start, decelerate towards end.

function quintInOut(t: number): number;

quintOut

Quintic scaling, decelerate towards end.

function quintOut(t: number): number;

sineIn

Sinusoidal effect, accelerate on start.

function sineIn(t: number): number;

sineInOut

Sinusoidal effect, accelerate on start, decelerate towards end.

function sineInOut(t: number): number;

sineOut

Sinusoidal effect, decelerate towards end.

function sineOut(t: number): number;

Edit this page on GitHub llms.txt

previous next

svelte/compiler svelte/events