Wave Text Animation

npm import wave-text-animation

add this class class="text-container" to all the texts you want to animate.

<div class="text-container"></div>

import the package in your js file

import waveTextAnimation from 'wave-text-animation';

target the texts you want to animate. for one

const myTextContainer = document.querySelector('.text-animation')

for multiple

const myTextContainers = document.querySelectorAll('.text-animation')

calling waveTextAnimation function

waveTextAnimation(myTextContainer)

or for multiple

textContainers.forEach(textContainer => {
  waveTextAnimation(textContainer);
});

with options (optional)

waveTextAnimation(myTextContainer, {
  delay: 0.015,
  duration: 0.5
})