Что делает скрипт

При наведении слова или буквы в ссылке «переворачиваются» вверх, показывая вторую копию.

Как подключить

  1. Вставьте код в блок T123 «HTML-код» на страницу (или в «Настройки страницы» → «HTML-код для вставки внутрь head»).
  2. Выберите вариант: пословный или побуквенный — оба в коде, лишний удалите.
  3. Опубликуйте страницу: код выполняется только на опубликованной странице.

Код

Код для вставки
<style>
a {
  text-decoration: none;
  color: inherit;
  display: inline-block;
  position: relative;
  overflow: hidden;
  text-shadow: 0 22px 0 #D4ABEF;
}

a span {
  display: inline-block;

  transition: transform 0.4s ease;
}

a:hover span {

  transform: translateY(-100%);
}
</style>
<script>

/*_______________код для ПОСЛОВНОЙ анимациия_______________*/

document.querySelectorAll('a').forEach(link => {
  let text = link.textContent.trim();
  link.innerHTML = "<span>" + link.innerHTML + "</span>";
});

</script>

Стили применяются ко всем ссылкам a на странице. Добавьте класс блока, чтобы ограничить действие.

тут нужно написать стили и js/css для того, чтобы отображались файлы скриптов