Misc
Easings
Documentation for available easings.
You can access all easings provided by AnimeJS via #nanime/easings.
import { eases, cubicBezier } from '#nanime/easings'
eases.outBack(3)
cubicBezier(.7, .1, .5, .9)
Example
import { eases } from 'animejs/easings'
const box = useTemplateRef("box");
useAnimate(box, {
x: [0, 300],
rotate: 90,
duration: 1000,
ease: eases.linear,
})
<div class="box-wrapper">
<div ref="box" />
</div>
linear
inOut(3)
outBack
See the AnimeJS Easings documentation for a complete list of available easing functions.