Прелоадер с прорисовкой слова для Tilda
Контур названия постепенно проявляется, заполняется цветом и открывает страницу.Подробнее о модеСвернуть описание
Прелоадер с прорисовкой слова для Tilda
Контур названия постепенно проявляется, заполняется цветом и открывает страницу.Что умеет мод
- Создаёт текстовую заставку с прорисовкой контура букв.
- Настраивает шрифт, размер, интервалы и толщину обводки.
- Добавляет нижнюю подпись с отдельным оформлением.
- Раздельно задаёт длительность прорисовки, паузу и выход.
Как подключить
Подготовьте слово
Введите название, выберите шрифт, размер, регистр и межбуквенное расстояние. При использовании своего шрифта подключите его на сайте. Проверьте всю надпись на телефоне: длинное слово может выходить за удобную ширину композиции.
Оформите контур
Задайте фон, цвет обводки и заливки, затем толщину линии. Подберите толщину так, чтобы сохранялась форма мелких деталей букв. Контур и последующее заполнение используют один акцентный цвет.
Настройте подпись и время
При необходимости включите подпись, задайте её текст, шрифт, размер, цвет и прозрачность. Укажите время прорисовки, паузу после заливки, длительность выхода и максимальное время показа. Проверьте необходимость удержания анимаций Tilda.
Опубликуйте заставку
Скопируйте код в T123 в начале страницы и опубликуйте. Проверьте загрузку шрифта, появление контура, заливку и уход надписи. Убедитесь, что после заставки доступны содержимое и прокрутка страницы.
Что учитывать. Эффект строится на SVG-тексте выбранного шрифта. Это не загрузка готового SVG-логотипа и не настройка индивидуальной траектории рукописного штриха. В обычном режиме выход учитывает прорисовку, паузу и готовность страницы. Используйте один прелоадер и проверяйте реальную длительность всего вступления.
Вопросы и ограничения
Чем отличается от монограммы?
Здесь используется полное слово. Монограмма берёт первый символ названия и помещает его в одну из готовых рамок.
Можно загрузить свой логотип в SVG?
В текущем интерфейсе такого поля нет. Для этого прелоадера задаётся текст и шрифт; отдельные SVG-линии анимируются другим модом.
Можно оставить только название без подписи?
Да. Подпись отключается отдельно. Её оформление не меняет основной контур и заливку слова.
Почему прорисовка иногда пропускается?
При системном уменьшении движения код использует короткое затухание вместо полного сценария. Повтор в превью нужен для настройки и не означает бесконечную заставку на сайте.
Доступ к конструктору
Мод доступен по подписке Pro. Войдите в аккаунт, чтобы настроить его и получить код. Действующие условия указаны в тарифах.
