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): 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

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;