Как пустить текст по траектории в Zero Block
Надпись вдоль волны, круга или своей кривой — по скроллу либо в непрерывном движении.Подробнее о модеСвернуть описание
Как пустить текст по траектории в Zero Block
Надпись вдоль волны, круга или своей кривой — по скроллу либо в непрерывном движении.Что умеет мод
- Размещает текст на готовой траектории или пути из вашего SVG.
- Берёт надпись и её типографику из текстового элемента Tilda.
- Двигает текст по прокрутке, с фиксацией блока или непрерывно без скролла.
- Настраивает направление, начальную позицию, повтор текста и видимость линии пути.
Как подключить
Подготовьте область
Добавьте шейп без фоновой заливки и назначьте ему CSS Class Name dbm-path-area. Его размер и положение задают область анимации. Рисовать кривую вручную для готового пресета не нужно.
Создайте исходный текст
В том же Zero Block добавьте текст с классом dbm-path-source. Настройте надпись, шрифт, размер, цвет и локальное форматирование в Tilda. В «Где применять» укажите родительский блок, содержащий оба элемента.
Выберите путь и движение
Задайте волну, арку, круг или другую форму либо вставьте свой SVG path. Выберите скролл, фиксацию или непрерывное движение. Для уже настроенной SBS-фиксации предусмотрен отдельный режим.
Проверьте страницу
Вставьте код в T123 сразу после Zero Block и опубликуйте. Проверьте направление, старт, повтор текста и пропорции области на телефоне. Изменения текста для сайта вносите в исходный элемент Tilda.
Что учитывать. Поля текста, размера и цвета в превью меняют только демонстрацию. На странице эти значения берутся из Zero Block. Скачивание SVG-направляющей необязательно. Оно помогает при вёрстке, но само по себе не добавляет текст и анимацию.
Вопросы и ограничения
Нужно загружать отдельный SVG для волны?
Нет. Готовый пресет создаёт кривую кодом внутри области. Достаточно шейпа, исходного текста и T123.
Можно использовать собственный рисунок пути?
Да. Вставьте значение d из path или весь SVG. Конструктор берёт первый путь и его viewBox, поэтому в файле должна быть нужная траектория.
Можно двигать надпись без прокрутки?
Да. Выберите непрерывный режим и задайте время цикла. При необходимости включите повтор текста вдоль пути.
Нужно переименовывать старые классы?
Нет. Ранее установленные path-text и zero-text остаются совместимыми. Для нового подключения следуйте текущей инструкции с dbm-path-area и dbm-path-source.
Доступ к конструктору
Мод доступен по подписке Pro. Войдите в аккаунт, чтобы настроить его и получить код. Действующие условия указаны в тарифах.
