https://gv-lastfm-playground.vercel.app/js/animations/settings.anime.js

1export const delay = swiper.params.speed;
2
3export const panChart = (element, width) => {
4  let vw = viewportWidth();
5  let offset = viewportWidth() < width ? width - vw : 0;
6  let resetPanning = () => {
7    anime({
8      targets: element,
9      translateX: 0,
10      duration: 1000,
11      easing: "linear",
12    });
13  };
14
15  let panning = anime({
16    targets: element,
17    duration: 10000,
18    translateX: -offset,
19    easing: "cubicBezier(.62,0,.68,1)",
20    complete: () => {
21      resetPanning();
22    },
23  });
24
25  swiper.on("touchMove", () => {
26    panning.pause();
27    resetPanning();
28  });
29
30  panning.play();
31};
32
33const fadeoutDuration = 383;
34const fadeOutEasing = "cubicBezier(0.84,0.00,0.81,1.00)";
35
36export const fadeOutOptions = {
37  duration: fadeoutDuration,
38  easing: fadeOutEasing,
39};