easing

cubicBezier

cubicBezier(x1, y1, x2, y2)

It generates an easing function, like the cubic-bezier() of CSS transition.

Since

0.2.0

Arguments

• x1 (number)
• y1 (number)
• x2 (number)
• y2 (number)

Return

• (Function)

Example

const linear = cubicBezier(0, 0, 1, 1)
linear(0.1)
// => 0.1

ease

ease(x)

It is a shortand to cubicBezier(0.25, 0.1, 0.25, 1).

Since

0.2.0

Arguments

• x (number)

Return

• (number)

easeIn

easeIn(x)

It is a shortand to cubicBezier(0.42, 0, 1, 1).

Since

0.2.0

Arguments

• x (number)

Return

• (number)

easeInOut

easeInOut(x)

It is a shortand to cubicBezier(0.42, 0, 0.58, 1).

Since

0.2.0

Arguments

• x (number)

Return

• (number)

easeOut

easeOut(x)

It is a shortand to cubicBezier(0, 0, 0.58, 1).

Since

0.2.0

Arguments

• x (number)

Return

• (number)

linear

linear(x)

It is a shortand to cubicBezier(0, 0, 1, 1).

Since

0.2.0

Arguments

• x (number)

Return

• (number)

Example

linear(0.1)
// => 0.1