АНИМАЦИЯ / TILDA
Бегущая строка в Zero Block
Повторяет текстовый элемент Zero Block в бесшовной бегущей строке с выбором направления, скорости, фона и наклона.
Живой пример
Что делает модификация
Повторяет текстовый элемент Zero Block в бесшовной бегущей строке с выбором направления, скорости, фона и наклона.
Стандартные блоки TildaСледуйте требованиям в инструкции.
Готовый кодГотовый фрагмент для опубликованной страницы.
Настройки в аккаунтеВыберите параметры и скопируйте результат.
Требования
Проверяйте опубликованную страницу, а не редактор Tilda.
Настройте под свой сайт
| Настройка | Назначение |
|---|---|
| Класс текста | Выберите значение в интерфейсе личного кабинета. |
| Время одного цикла, секунды | Параметр 0.5–60 |
| Направление | Выберите значение в интерфейсе личного кабинета. |
| Наклон, градусы | Параметр -45–45 |
| Фон строки | Выберите значение в интерфейсе личного кабинета. |
Пошаговая установка
- Добавьте текстСоздайте Add Text в Zero Block, впишите содержимое и задайте элементу класс zero-line.
- Оформите строкуНастройте шрифт в Tilda. Адаптируйте высоту блока с учётом наклона и размера текста.
- Выберите движениеВ кабинете задайте длительность цикла: меньшее значение означает более быстрое движение. Выберите направление и угол.
- Установите кодВ личном кабинете задайте параметры и нажмите «Сгенерировать код». Вставьте весь результат в T123 после подготовленных блоков. Сохраните и опубликуйте страницу.
- Несколько строкМожно использовать один класс для нескольких исходных элементов: каждая строка создаётся отдельно. Проверяйте отсутствие лишней прокрутки страницы.
Важно
Проверяйте опубликованную страницу, а не редактор Tilda.
Частые вопросы
Где менять параметры?
После покупки откройте модификацию в разделе «Покупки». Настройте параметры, нажмите «Сгенерировать код» и замените прежний код на сайте.
Когда появится результат?
После публикации страницы. Проверьте классы, ID и адаптацию блоков. Установите только одну копию кода для одного набора элементов.
Что показывает пример?
Пример демонстрирует механику на элементах LF Code. На вашем сайте используются подготовленные элементы Tilda.