АНИМАЦИЯ / ТЕКСТ / TILDA
Печатная машинка
Постепенно печатает текст из элемента Zero Block.
Живой пример
Что делает модификация
Постепенно печатает текст из элемента Zero Block.
Стандартные блоки TildaСледуйте требованиям в инструкции.
Готовый кодГотовый фрагмент для опубликованной страницы.
Настройки в аккаунтеВыберите параметры и скопируйте результат.
Требования
Проверьте классы и ID на опубликованной странице. Не назначайте этим же элементам конфликтующую анимацию. Если меняете имя класса в кабинете, укажите такое же имя в Tilda.
Настройте под свой сайт
| Настройка | Назначение |
|---|---|
| Класс текста | Выберите значение в интерфейсе личного кабинета. |
| Время на символ, ms | Параметр 10–1000 |
| Задержка начала, ms | Параметр 0–10000 |
Пошаговая установка
- Подготовьте текстДобавьте текст в Zero Block и задайте класс textanim. Для градиента или блика уберите цвет текста в редакторе.
- Установите кодВ личном кабинете задайте параметры и сгенерируйте код. Вставьте полный результат в T123 после подготовленных блоков. Сохраните и опубликуйте страницу.
- Проверьте эффектОпубликуйте страницу. Текст и размеры задаются штатно в Zero Block; параметры эффекта — в кабинете.
Важно
Проверьте классы и ID на опубликованной странице. Не назначайте этим же элементам конфликтующую анимацию. Если меняете имя класса в кабинете, укажите такое же имя в Tilda.
Частые вопросы
Где настроить модификацию?
После покупки откройте её в личном кабинете, задайте параметры и нажмите «Сгенерировать код».
Нужно ли править код вручную?
Параметры задаются в кабинете. Составные фрагменты вставьте в места, указанные в инструкции.
Пример использует мои блоки?
Пример показывает механику на демонстрационных элементах. На вашем сайте используются подготовленные элементы Tilda.