/
Инструкция
(скрыть)
  1. Блоку с текстом, в котором будет меняться с анимацией текст задай класс text--typed. Можно указать в текстовый блок слэш / или |. Сами фразы задаются в коде.
  2. В коде укажи слова, которые должны меняться: 'Слово 1', 'Слово 2', 'Слово N'
  3. При необходимости измени значения длительности анимации, комментарии и пояснения дополнительно есть в коде.
  4. Скопируй код и вставь в блок T123.
  5. Сожми код при необходимости на этом сайте: это действие удалит мои комментарии и сожмет код.

Если не работает
Проверь, правильно ли задан класс и скинь мне ссылку на страницу.
<!-- Code by Fedyaeva -->
<script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.12"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
    var typed2 = new Typed('.text--typed div', {
        // В строке ниже перечисли фразы, каждая должна находиться в одинарных кавычках и отделена запятой
        strings: ['Some <i>strings</i> with', 'Some <strong>HTML</strong>', 'Chars × ©'],
        // Скорость печати букв в ms
        typeSpeed: 50,
        // Задержка между печатью слов в ms
        backDelay: 1000,
        // Скорость изчезновения слова в ms
        fadeOutSpeed: 300,
        startDelay: 0,
        backSpeed: 50,
        fadeOut: true,
        loop: true,
        showCursor: false,
        contentType: 'html',
    });
});
</script>
Made on
Tilda