Dodanie animacji do zmieniającego się tekstu

Question

Cześć,

Mam kod, który zmienia słowo co kilka sekund. Chciałbym dodać do niego animację podobną do tej, widocznej na stronie: https://clubhouse.io/ - chodzi o płynną zmianę tekstu.

var text = ["Welcome", "Hi", "Sup dude"];
var counter = 0;
var elem = document.getElementById("changeText");
var inst = setInterval(change, 1000);

function change() {
  elem.innerHTML = text[counter];
  counter++;
  if (counter >= text.length) {
    counter = 0;
    // clearInterval(inst); // uncomment this if you want to stop refreshing after one cycle
  }
}

<div id="changeText"></div>

Czy w czystym JS będzie to bardzo skomplikowane?

Z góry dziękuję za pomoc.

Comments

Animate.css, ma też funkcje do aktywacji przy JS w bardzo przejrzystej dokumentacji :3