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