1.0.3 • Published 6 months ago
non-linear-js v1.0.3
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)