///dev
// Wrap every letter in a span
var textWrapper = document.querySelector(".ml12")
textWrapper.innerHTML = textWrapper.textContent.replace(/\S/g, "
$&")
anime.timeline({loop: true})
.add({
targets: '.ml12 .letter',
translateX: [40,0],
translateZ: 0,
opacity: [0,1],
easing: "easeOutExpo",
duration: 800,
delay: (el, i) => 500 + 30 * i
}).add({
targets: '.ml12 .letter',
translateX: [0,-30],
opacity: [1,0],
easing: "easeInExpo",
duration: 700,
delay: (el, i) => 100 + 30 * i
})
0 Comentários