Anime.js Update States
Complex update state callbacks for Anime.js
Example
anime({ targets: '.target', translateX: '10rem', duration: 2000, loop: true, direction: 'alternate', easing: 'easeInOutSine', update: updateStates({ begin: (a) => console.log('begin'), // run: (a) => console.log('running' a.progress), complete: (a) => console.log('complete'), // Triggers every time, unlike the built-in! beginForward: (a) => console.log('begin forward'), // runForward: (a) => console.log('running forward' a.progress), completeForward: (a) => console.log('complete forward'), beginReverse: (a) => console.log('begin reverse'), // runReverse: (a) => console.log('running reverse' a.progress), completeReverse: (a) => console.log('complete reverse'), })});