https://www.aroundpelion.com/js/text.js

1// Wrap every letter in a span
2var textWrapper = document.querySelector('.ml14 .letters');
3textWrapper.innerHTML = textWrapper.textContent.replace(/\S/g, "<span class='letter'>$&</span>");
4
5anime.timeline({loop: true})
6  .add({
7    targets: '.ml14 .line',
8    scaleX: [0,1],
9    opacity: [0.5,1],
10    easing: "easeInOutExpo",
11    duration: 900
12  }).add({
13    targets: '.ml14 .letter',
14    opacity: [0,1],
15    translateX: [40,0],
16    translateZ: 0,
17    scaleX: [0.3, 1],
18    easing: "easeOutExpo",
19    duration: 950,
20    delay: (el, i) => 70*i
21  }).add({
22    targets: '.ml14',
23    opacity: 0,
24    duration: 1000,
25    easing: "easeOutExpo",
26    delay: 999999
27  });
28  
29
30  
31// Wrap every letter in a span
32var textWrapper = document.querySelector('.ml2');
33textWrapper.innerHTML = textWrapper.textContent.replace(/\S/g, "<span class='letter'>$&</span>");
34
35anime.timeline({loop: false})
36  .add({
37    targets: '.ml2 .letter',
38    scale: [4,1],
39    opacity: [0,1],
40    translateZ: 0,
41    easing: "easeOutExpo",
42    duration: 950,
43    delay: (el, i) => 70*i
44  }).add({
45    targets: '.ml2',
46    opacity: 0,
47    duration: 1000,
48    easing: "easeOutExpo",
49    delay: 999999
50  });