Анимация текста

Анимация текста

В этом уроке я расскажу, как создать клевый эффект для текста, который используют в своих работах веб-дизайнеры по всему миру и как анимировать его на платформе Tilda.

Описание
Видеоинструкция по подключению
Инструкция с копированием шаблона к себе
ID шаблона:
23462140
Создаём новую страницу на сайте
Шаг 1
Скроллим в самый низ и нажимаем кнопку «Указать ID шаблона»
Шаг 2
В графе указываем номер шаблона (он указан в начале инструкции), нажимаем кнопку «Выбрать»
Шаг 3
Пошаговая инструкция с подключением кода
Добавить стили в блок T123 и заменить id блоков на свои
Шаг 1
<!--Анимация текста-->
<!--https://mt-webdesign.ru/title-animation-->
<style>
#rec378779831 .tn-elem[data-elem-id="1636798923728"],
#rec378779831 .tn-elem[data-elem-id="1636798990311"],
#rec378779831 .tn-elem[data-elem-id="1636799025514"] {
display: block;
overflow: hidden;
height: 230px;
}
</style>
Более подробные настройки, возможности взаимодействия и подключение в видео
Другие модификации
3D галерея
Tilda
Подсказки при наведении курсора
Tilda