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