Skip to content

maximilianMairinger/waapiEasing

Repository files navigation

Waapi easing

Waapi bezier-functions as css string and js function

Example

Common functions

import { Easing } from "waapi-easing"

let ease = new Easing("ease")

ease.string     // "ease"
ease.function   // (n: progress) => progress

Note: progress is a number between 0 and 1.

These are all available common function:

  • linear
  • ease
  • easeIn
  • easeOut
  • easeInOut

Custom functions

let custom = new Easing(.48, .165, .325, .97)

custom.string   // "cubic-bezier(.48, .165, .325, .97)"
custom.function // (n: progress) => progress

Contribute

All feedback is appreciated. Create a pull request or write an issue.