Какие есть способы для создания такой анимации (плагины и самому на ваниле)?

Question

[Максим Иванов]

https://imgur.com/a/6rPB9vV
Есть такая анимация букв при наведении на текст.
Каким бы способом вы сделали (плагины и/или ванила) и почему именно так?

У меня в голове пока только одна мысль:

<div>
      <div class="first">
        <span>D</span>
        <span>i</span>
        <span>s</span>
        <span>c</span>
        <span>o</span>
        <span>v</span>
        <span>e</span>
        <span>r</span>
      </div>
      <div class="second">
        <span>D</span>
        <span>i</span>
        <span>s</span>
        <span>c</span>
        <span>o</span>
        <span>v</span>
        <span>e</span>
        <span>r</span>
      </div>
    </div>

Перебрать все спаны в каждом диве (first and second). Первый див спрятать сверху. При наведении менять каждую букву поочерёдно (добавлять к каждой следующей букве например по 500ms)

Comments

[Сергей Сергей]

У меня через псевдоэлемент со смещением, только здесь число вводить надо, на простое наведение переделать легко, ну и убрать лишние рамки.