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

Прелоадер «Матрица» для Tilda

Потоки символов на весь экран с названием по центру и настраиваемым индикатором.
Подробнее о модеСвернуть описание

Что умеет мод

  • Рисует падающие колонки символов на полноэкранном Canvas.
  • Позволяет выбрать набор знаков, их размер, цвет и прозрачность следа.
  • Раздельно оформляет центральную надпись и индикатор с процентами.
  • Настраивает длительность сценария, затухание и ожидание страницы.

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

Цифровой дождьЧетыре набора символовКод в T123
  1. Оформите дождь

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

  2. Выберите символы и текст

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

  3. Настройте индикатор

    Включите нужные элементы: подпись и проценты. Выберите положение сверху или снизу, оформите текст. Задайте длительность сценария, время затухания и максимальное ожидание; при необходимости удерживайте анимации Tilda.

  4. Проверьте на сайте

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

Что учитывать. Символы и проценты создают визуальный сценарий. Они не показывают системные команды, состояние сервера или точный объём загрузки файлов. В обычном режиме выход учитывает завершение сценария и готовность страницы. На слабом телефоне проверьте плавность Canvas и не затягивайте заставку.

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

Нужно загружать видео с символами?

Нет. Дождь рисуется кодом в браузере. Отдельный видеоролик или фоновое изображение для этого эффекта не нужны.

Можно оставить только дождь?

Да. Центральная надпись и индикатор включаются отдельно. Их можно скрыть, сохранив потоки символов.

Можно переместить счётчик?

Да. Доступны шесть позиций сверху и снизу: слева, по центру и справа. Центральное название оформляется отдельно.

Почему дождь иногда не движется?

При включённом системном уменьшении движения код использует сокращённый сценарий со статичным кадром. Проверьте оба режима после публикации.

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

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

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

Made on
Tilda