non-linear-js

import { Easing, EasingFunction } from '../lib/main'

document.querySelector<HTMLDivElement>('#app')!.innerHTML = `
  <div class="animation">
  123
  </div>
`

const easing = new Easing()
const dom = <HTMLDivElement>document.querySelector('.animation')


easing.createEasing(EasingFunction.easeOutBack, (x: number) => {
    dom.style.transform = `translateX(${1000 * x + 'px'})`
}, 1000)