#

API Docs for: 3.10.3
Show: Inherited Protected Private Deprecated

# Easing Class

Defined in: `anim/js/anim-easing.js:30`
Module: anim-easing
Parent Module: anim

The easing module provides methods for customizing how an animation behaves during each run.

- Index
- Methods

## Item Index

### Methods

- backBoth
- backIn
- backOut
- bounceBoth
- bounceIn
- bounceOut
- easeBoth
- easeBothStrong
- easeIn
- easeInStrong
- easeNone
- easeOut
- easeOutStrong
- elasticBoth
- elasticIn
- elasticOut

## Methods

### `backBoth`

(

- `t`
- `b`
- `c`
- `d`
- `s`

)
Number

Defined in `anim/js/anim-easing.js:288`

Backtracks slightly, then reverses direction, overshoots end, then reverses and comes back to end.

#### Parameters:

- `t` Number

  Time value used to compute current value

- `b` Number

  Starting value

- `c` Number

  Delta between start and end values

- `d` Number

  Total length of animation

- `s` Number

  Overshoot (optional)

#### Returns:

Number: The computed value for the current animation frame

### `backIn`

(

- `t`
- `b`
- `c`
- `d`
- `s`

)
Number

Defined in `anim/js/anim-easing.js:251`

Backtracks slightly, then reverses direction and moves to end.

#### Parameters:

- `t` Number

  Time value used to compute current value

- `b` Number

  Starting value

- `c` Number

  Delta between start and end values

- `d` Number

  Total length of animation

- `s` Number

  Overshoot (optional)

#### Returns:

Number: The computed value for the current animation frame

### `backOut`

(

- `t`
- `b`
- `c`
- `d`
- `s`

)
Number

Defined in `anim/js/anim-easing.js:271`

Overshoots end, then reverses and comes back to end.

#### Parameters:

- `t` Number

  Time value used to compute current value

- `b` Number

  Starting value

- `c` Number

  Delta between start and end values

- `d` Number

  Total length of animation

- `s` Number

  Overshoot (optional)

#### Returns:

Number: The computed value for the current animation frame

### `bounceBoth`

(

- `t`
- `b`
- `c`
- `d`

)
Number

Defined in `anim/js/anim-easing.js:343`

Bounces off start and end.

#### Parameters:

- `t` Number

  Time value used to compute current value

- `b` Number

  Starting value

- `c` Number

  Delta between start and end values

- `d` Number

  Total length of animation

#### Returns:

Number: The computed value for the current animation frame

### `bounceIn`

(

- `t`
- `b`
- `c`
- `d`

)
Number

Defined in `anim/js/anim-easing.js:310`

Bounce off of start.

#### Parameters:

- `t` Number

  Time value used to compute current value

- `b` Number

  Starting value

- `c` Number

  Delta between start and end values

- `d` Number

  Total length of animation

#### Returns:

Number: The computed value for the current animation frame

### `bounceOut`

(

- `t`
- `b`
- `c`
- `d`

)
Number

Defined in `anim/js/anim-easing.js:323`

Bounces off end.

#### Parameters:

- `t` Number

  Time value used to compute current value

- `b` Number

  Starting value

- `c` Number

  Delta between start and end values

- `d` Number

  Total length of animation

#### Returns:

Number: The computed value for the current animation frame

### `easeBoth`

(

- `t`
- `b`
- `c`
- `d`

)
Number

Defined in `anim/js/anim-easing.js:80`

Begins slowly and decelerates towards end. (quadratic)

#### Parameters:

- `t` Number

  Time value used to compute current value

- `b` Number

  Starting value

- `c` Number

  Delta between start and end values

- `d` Number

  Total length of animation

#### Returns:

Number: The computed value for the current animation frame

### `easeBothStrong`

(

- `t`
- `b`
- `c`
- `d`

)
Number

Defined in `anim/js/anim-easing.js:123`

Begins slowly and decelerates towards end. (quartic)

#### Parameters:

- `t` Number

  Time value used to compute current value

- `b` Number

  Starting value

- `c` Number

  Delta between start and end values

- `d` Number

  Total length of animation

#### Returns:

Number: The computed value for the current animation frame

### `easeIn`

(

- `t`
- `b`
- `c`
- `d`

)
Number

Defined in `anim/js/anim-easing.js:54`

Begins slowly and accelerates towards end. (quadratic)

#### Parameters:

- `t` Number

  Time value used to compute current value

- `b` Number

  Starting value

- `c` Number

  Delta between start and end values

- `d` Number

  Total length of animation

#### Returns:

Number: The computed value for the current animation frame

### `easeInStrong`

(

- `t`
- `b`
- `c`
- `d`

)
Number

Defined in `anim/js/anim-easing.js:97`

Begins slowly and accelerates towards end. (quartic)

#### Parameters:

- `t` Number

  Time value used to compute current value

- `b` Number

  Starting value

- `c` Number

  Delta between start and end values

- `d` Number

  Total length of animation

#### Returns:

Number: The computed value for the current animation frame

### `easeNone`

(

- `t`
- `b`
- `c`
- `d`

)
Number

Defined in `anim/js/anim-easing.js:40`

Uniform speed between points.

#### Parameters:

- `t` Number

  Time value used to compute current value

- `b` Number

  Starting value

- `c` Number

  Delta between start and end values

- `d` Number

  Total length of animation

#### Returns:

Number: The computed value for the current animation frame

### `easeOut`

(

- `t`
- `b`
- `c`
- `d`

)
Number

Defined in `anim/js/anim-easing.js:67`

Begins quickly and decelerates towards end. (quadratic)

#### Parameters:

- `t` Number

  Time value used to compute current value

- `b` Number

  Starting value

- `c` Number

  Delta between start and end values

- `d` Number

  Total length of animation

#### Returns:

Number: The computed value for the current animation frame

### `easeOutStrong`

(

- `t`
- `b`
- `c`
- `d`

)
Number

Defined in `anim/js/anim-easing.js:110`

Begins quickly and decelerates towards end. (quartic)

#### Parameters:

- `t` Number

  Time value used to compute current value

- `b` Number

  Starting value

- `c` Number

  Delta between start and end values

- `d` Number

  Total length of animation

#### Returns:

Number: The computed value for the current animation frame

### `elasticBoth`

(

- `t`
- `b`
- `c`
- `d`
- `a`
- `p`

)
Number

Defined in `anim/js/anim-easing.js:209`

Snap both elastic effect.

#### Parameters:

- `t` Number

  Time value used to compute current value

- `b` Number

  Starting value

- `c` Number

  Delta between start and end values

- `d` Number

  Total length of animation

- `a` Number

  Amplitude (optional)

- `p` Number

  Period (optional)

#### Returns:

Number: The computed value for the current animation frame

### `elasticIn`

(

- `t`
- `b`
- `c`
- `d`
- `a`
- `p`

)
Number

Defined in `anim/js/anim-easing.js:140`

Snap in elastic effect.

#### Parameters:

- `t` Number

  Time value used to compute current value

- `b` Number

  Starting value

- `c` Number

  Delta between start and end values

- `d` Number

  Total length of animation

- `a` Number

  Amplitude (optional)

- `p` Number

  Period (optional)

#### Returns:

Number: The computed value for the current animation frame

### `elasticOut`

(

- `t`
- `b`
- `c`
- `d`
- `a`
- `p`

)
Number

Defined in `anim/js/anim-easing.js:175`

Snap out elastic effect.

#### Parameters:

- `t` Number

  Time value used to compute current value

- `b` Number

  Starting value

- `c` Number

  Delta between start and end values

- `d` Number

  Total length of animation

- `a` Number

  Amplitude (optional)

- `p` Number

  Period (optional)

#### Returns:

Number: The computed value for the current animation frame