магазин кастомных решений для тильды
Здесь собраны самые уникальные решения для тильды, с помощью которых вы сможете расширить функционал своих сайтов
Настройте
Цвета, размеры, поведение в конструкторе ниже
Скопируйте код
Одна кнопка — код в буфере обмена
Вставьте в Tilda
Блок T123 (HTML) на нужной странице

Прелоадер с дешифровкой текста для Tilda

Мерцающие знаки постепенно складываются в название, после чего заставка исчезает.
Подробнее о модеСвернуть описание

Что умеет мод

  • Проявляет слово через последовательную замену случайных символов.
  • Разделяет цвет готовых букв и цвет меняющегося шума.
  • Позволяет задать собственный набор шумовых знаков и ритм их смены.
  • Добавляет подпись с анимированным суффиксом в одной из шести позиций.

Как подключить

Случайные символыСвой набор шумаКод в T123
  1. Подготовьте название

    Введите слово обычным текстом, выберите шрифт, размер, насыщенность, регистр и межбуквенное расстояние. Проверьте все буквы выбранного алфавита и ширину надписи на телефоне.

  2. Настройте дешифровку

    Задайте фон, цвет готовых букв и шумовых символов. Выберите набор знаков шума, частоту их смены, разброс старта и длительность шума. Сравните ритм для короткого и длинного названия.

  3. Оформите подпись и выход

    При необходимости включите подпись, измените её текст и суффикс. Выберите положение сверху или снизу, шрифт, размер и прозрачность. Укажите паузу после дешифровки, затухание и максимальное время показа.

  4. Установите на страницу

    Вставьте код в T123 в начале страницы и опубликуйте. Проверьте читаемость конечного слова, положение подписи и появление содержимого. При включённом удержании анимаций Tilda проверьте их запуск после заставки.

Что учитывать. Дешифровка — визуальный эффект над заданным словом. Мод не шифрует данные и не восстанавливает текст из внешних источников. Параметры шума заданы в кадрах, поэтому ритм зависит и от работы браузера. Не делайте длинный сценарий и не подключайте второй прелоадер на ту же страницу.

Вопросы и ограничения

Можно заменить символы шума?

Да. Введите свой набор знаков в соответствующее поле. Итоговое название берётся из отдельного поля бренда и не должно состоять из этих знаков.

Можно использовать русское название?

Поле бренда не ограничено латиницей. Проверьте поддержку кириллицы выбранным шрифтом и вводите текст без HTML-разметки.

Почему на сайте эффект не повторяется?

На странице дешифровка завершает один сценарий. Превью повторяет его для настройки; новая полная загрузка страницы может запустить заставку снова.

Почему сразу виден готовый текст?

При системном уменьшении движения код показывает итоговое слово без мерцания. В обычном режиме выход учитывает завершение дешифровки и готовность страницы.

Доступ к конструктору

Мод доступен по подписке Pro. Войдите в аккаунт, чтобы настроить его и получить код. Действующие условия указаны в тарифах.

Другие варианты заставок

Made on
Tilda