https://contentmatch.io/wp-content/themes/nerko/assets/js/anime-helper-defined-timelines.js?ver=7.1.2

1// Define timelines here.
2defineAnimeTimelineHelper('timelineBasics', (el, options) => {
3    const tl = anime.timeline({
4        easing: 'easeOutExpo',
5        duration: options.duration ? +options.duration : 750,
6    });
7    // Add children
8    tl
9    .add({
10        targets: el.querySelectorAll('.el.square'),
11        opacity: [0, 1],
12        translateX: 250,
13    })
14    .add({
15        targets: el.querySelectorAll('.el.circle'),
16        translateX: 250,
17    })
18    .add({
19        targets: el.querySelectorAll('.el.triangle'),
20        translateX: 250,
21    });
22    return tl;
23});
24
25defineAnimeTimelineHelper('TLParamsInheritance', (el, options) => {
26    const tl = anime.timeline({
27        targets: el.querySelectorAll('.el'),
28        delay: function(el, i) { return i * 200 },
29        duration: 500, // Can be inherited
30        easing: 'easeOutExpo', // Can be inherited
31        direction: 'alternate', // Is not inherited
32        loop: true // Is not inherited
33    });
34
35    tl
36    .add({
37        translateX: 250,
38        // override the easing parameter
39        easing: 'spring',
40    })
41    .add({
42        opacity: .5,
43        scale: 2
44    })
45    .add({
46        // override the targets parameter
47        targets: el.querySelectorAll('.el.triangle'),
48        rotate: 180
49    })
50    .add({
51        translateX: 0,
52        scale: 1
53    });
54    return tl;
55});